fix: Remove mdi icons

package.json

@@ -18,8 +18,6 @@
   "dependencies": {
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
-    "@mdi/js": "^7.0.96",
-    "@mdi/react": "^1.6.1",
     "@mui/lab": "^5.0.0-alpha.103",
     "@mui/material": "^5.10.9",
     "@originjs/vite-plugin-commonjs": "^1.0.3",

src/route-widgets/AliasDetailRoute/AliasPreferencesForm.tsx

@@ -3,15 +3,13 @@ import {ReactElement, useContext} from "react"
 import {BsImage, BsShieldShaded} from "react-icons/bs"
 import {useFormik} from "formik"
 import {FaFile} from "react-icons/fa"
-import {MdCheckCircle} from "react-icons/md"
+import {MdCheckCircle, MdTextSnippet} from "react-icons/md"
 import {AxiosError} from "axios"
 import {useTranslation} from "react-i18next"
 
 import {LoadingButton} from "@mui/lab"
 import {Box, Collapse, Grid, Typography} from "@mui/material"
-import {mdiTextBoxMultiple} from "@mdi/js/commonjs/mdi"
 import {QueryKey, useMutation} from "@tanstack/react-query"
-import Icon from "@mdi/react"
 
 import {Alias, DecryptedAlias, ImageProxyFormatType, ProxyUserAgentType} from "~/server-types"
 import {UpdateAliasData, updateAlias} from "~/apis"
@@ -140,7 +138,7 @@ export default function AliasPreferencesForm({
 											"relations.alias.settings.createMailReports.label",
 										)}
 										formik={formik}
-										icon={<Icon path={mdiTextBoxMultiple} size={0.8} />}
+										icon={<MdTextSnippet />}
 										name="createMailReport"
 									/>
 								</Grid>

src/route-widgets/AuthenticateRoute/NavigationButton.tsx

@@ -1,13 +1,11 @@
 import {ReactElement, useContext} from "react"
 import {BiStats} from "react-icons/bi"
-import {MdSettings} from "react-icons/md"
+import {MdSettings, MdTextSnippet} from "react-icons/md"
 import {FaMask, FaServer} from "react-icons/fa"
 import {Link as RouterLink, useLocation} from "react-router-dom"
 import {useTranslation} from "react-i18next"
 
 import {Button} from "@mui/material"
-import {mdiTextBoxMultiple} from "@mdi/js/commonjs/mdi"
-import Icon from "@mdi/react"
 
 import {LockNavigationContext} from "~/components"
 
@@ -26,7 +24,7 @@ export interface NavigationButtonProps {
 const SECTION_ICON_MAP: Record<NavigationSection, ReactElement> = {
 	[NavigationSection.Overview]: <BiStats />,
 	[NavigationSection.Aliases]: <FaMask />,
-	[NavigationSection.Reports]: <Icon path={mdiTextBoxMultiple} size={0.8} />,
+	[NavigationSection.Reports]: <MdTextSnippet />,
 	[NavigationSection.Settings]: <MdSettings />,
 	[NavigationSection.Admin]: <FaServer />,
 }

src/route-widgets/CompleteAccountRoute/GenerateEmailReportsForm.tsx

@@ -1,11 +1,10 @@
 import {FaLongArrowAltRight} from "react-icons/fa"
 import {TiCancel} from "react-icons/ti"
 import {useTranslation} from "react-i18next"
+import {MdTextSnippet} from "react-icons/md"
 import React, {ReactElement} from "react"
 
 import {Box, Button, Grid, Typography} from "@mui/material"
-import {mdiTextBoxMultiple} from "@mdi/js/commonjs/mdi"
-import Icon from "@mdi/react"
 
 import {MultiStepFormElement} from "~/components"
 
@@ -45,7 +44,7 @@ export default function GenerateEmailReportsForm({
 								</Grid>
 								<Grid item>
 									<Box display="flex" justifyContent="center">
-										<Icon path={mdiTextBoxMultiple} size={2} />
+										<MdTextSnippet size={64} />
 									</Box>
 								</Grid>
 								<Grid item>

src/route-widgets/ReportsRoute/EmptyStateScreen.tsx

@@ -1,9 +1,8 @@
 import {ReactElement} from "react"
 import {useTranslation} from "react-i18next"
+import {MdTextSnippet} from "react-icons/md"
 
 import {Container, Grid, Typography} from "@mui/material"
-import {mdiTextBoxMultiple} from "@mdi/js/commonjs/mdi"
-import Icon from "@mdi/react"
 
 export default function EmptyStateScreen(): ReactElement {
 	const {t} = useTranslation()
@@ -17,7 +16,7 @@ export default function EmptyStateScreen(): ReactElement {
 					</Typography>
 				</Grid>
 				<Grid item>
-					<Icon path={mdiTextBoxMultiple} size={2.5} />
+					<MdTextSnippet size={64} />
 				</Grid>
 				<Grid item>
 					<Typography variant="body1">

yarn.lock

@@ -875,18 +875,6 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
-"@mdi/js@^7.0.96":
-  version "7.0.96"
-  resolved "https://registry.yarnpkg.com/@mdi/js/-/js-7.0.96.tgz#8e7a54d5cb38831e3150632cc19e380f54d9edd6"
-  integrity sha512-lNqhkV3cpPfYb/Avh+vXLFukUTbHbyHoFo4Jdc7Oc9UvURGVhamFIpgOVvEf2bNA78zvjXTZeVWExUTR+DLBfQ==
-
-"@mdi/react@^1.6.1":
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/@mdi/react/-/react-1.6.1.tgz#624313593ae8065d2a09878ca81beb3e4b676b03"
-  integrity sha512-4qZeDcluDFGFTWkHs86VOlHkm6gnKaMql13/gpIcUQ8kzxHgpj31NuCkD8abECVfbULJ3shc7Yt4HJ6Wu6SN4w==
-  dependencies:
-    prop-types "^15.7.2"
-
 "@mdn/browser-compat-data@^3.3.14":
   version "3.3.14"
   resolved "https://registry.yarnpkg.com/@mdn/browser-compat-data/-/browser-compat-data-3.3.14.tgz#b72a37c654e598f9ae6f8335faaee182bebc6b28"
@@ -4409,7 +4397,7 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.6.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==