diff --git a/package.json b/package.json index 15681f5..7e62ed3 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,6 @@ "@mantine/next": "^4.2.9", "@mantine/notifications": "^4.2.9", "@mantine/prism": "^4.2.9", - "@modulz/radix-icons": "^4.0.0", "@prisma/client": "^3.15.2", "@prisma/migrate": "^3.15.2", "@prisma/sdk": "^3.15.2", @@ -41,6 +40,7 @@ "prisma": "^3.15.2", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-feather": "^2.0.10", "react-redux": "^8.0.2", "react-table": "^7.8.0", "redux": "^4.2.0", diff --git a/src/components/File.tsx b/src/components/File.tsx index 1e62b36..12a249e 100644 --- a/src/components/File.tsx +++ b/src/components/File.tsx @@ -1,9 +1,9 @@ import { Button, Card, Group, Image as MImage, Modal, Title } from '@mantine/core'; import { useClipboard } from '@mantine/hooks'; import { useNotifications } from '@mantine/notifications'; -import { CopyIcon, Cross1Icon, StarIcon, TrashIcon } from '@modulz/radix-icons'; import useFetch from 'hooks/useFetch'; import { useState } from 'react'; +import { CopyIcon, CrossIcon, DeleteIcon, StarIcon } from './icons'; export default function File({ image, updateImages }) { const [open, setOpen] = useState(false); @@ -19,14 +19,14 @@ export default function File({ image, updateImages }) { title: 'Image Deleted', message: '', color: 'green', - icon: , + icon: , }); } else { notif.showNotification({ title: 'Failed to delete image', message: res.error, color: 'red', - icon: , + icon: , }); } diff --git a/src/components/ImagesTable.tsx b/src/components/ImagesTable.tsx index af98768..8a4ec2b 100644 --- a/src/components/ImagesTable.tsx +++ b/src/components/ImagesTable.tsx @@ -12,15 +12,11 @@ import { Text, useMantineTheme, } from '@mantine/core'; -import { - CopyIcon, - EnterIcon, - TrashIcon, -} from '@modulz/radix-icons'; import { usePagination, useTable, } from 'react-table'; +import { CopyIcon, DeleteIcon, EnterIcon } from './icons'; const pageSizeOptions = ['10', '25', '50']; @@ -128,7 +124,7 @@ export default function ImagesTable({ ))} - deleteImage(row)}> + deleteImage(row)}> copyImage(row)}> viewImage(row)}> diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index dc4a86c..a9f86fe 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -2,13 +2,13 @@ import { AppShell, Box, Burger, Divider, Group, Header, MediaQuery, Navbar, Pape import { useClipboard } from '@mantine/hooks'; import { useModals } from '@mantine/modals'; import { useNotifications } from '@mantine/notifications'; -import { CheckIcon, CopyIcon, Cross1Icon, FileIcon, GearIcon, HomeIcon, Link1Icon, MixerHorizontalIcon, Pencil1Icon, PersonIcon, PinRightIcon, ResetIcon, TextIcon, UploadIcon } from '@modulz/radix-icons'; import useFetch from 'hooks/useFetch'; import { updateUser } from 'lib/redux/reducers/user'; import { useStoreDispatch } from 'lib/redux/store'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { useState } from 'react'; +import { ActivityIcon, CheckIcon, CopyIcon, CrossIcon, DeleteIcon, FileIcon, HomeIcon, LinkIcon, LogoutIcon, PencilIcon, SettingsIcon, TypeIcon, UploadIcon, UserIcon } from './icons'; import { friendlyThemeName, themes } from './Theming'; function MenuItemLink(props) { @@ -74,12 +74,12 @@ const items = [ link: '/dashboard/files', }, { - icon: , + icon: , text: 'Stats', link: '/dashboard/stats', }, { - icon: , + icon: , text: 'URLs', link: '/dashboard/urls', }, @@ -89,7 +89,7 @@ const items = [ link: '/dashboard/upload', }, { - icon: , + icon: , text: 'Upload Text', link: '/dashboard/text', }, @@ -120,7 +120,7 @@ export default function Layout({ children, user }) { title: `Theme changed to ${friendlyThemeName[value]}`, message: '', color: 'green', - icon: , + icon: , }); }; @@ -142,7 +142,7 @@ export default function Layout({ children, user }) { title: 'Token Reset Failed', message: a.error, color: 'red', - icon: , + icon: , }); } else { notif.showNotification({ @@ -241,7 +241,7 @@ export default function Layout({ children, user }) { > - + Users @@ -288,7 +288,7 @@ export default function Layout({ children, user }) { > - + {user.username} @@ -306,10 +306,10 @@ export default function Layout({ children, user }) { > {user.username} - } href='/dashboard/manage'>Manage Account + } href='/dashboard/manage'>Manage Account } onClick={() => {setOpen(false);openCopyToken();}}>Copy Token - } onClick={() => {setOpen(false);openResetToken();}} color='red'>Reset Token - } href='/auth/logout' color='red'>Logout + } onClick={() => {setOpen(false);openResetToken();}} color='red'>Reset Token + } href='/auth/logout' color='red'>Logout - }> + }>