Revert "chore: try react-icons"

This reverts commit 462767a.

next.config.js

@@ -91,6 +91,13 @@ const nextConfig = {
     ],
     contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
   },
+ modularizeImports: {
+    '@phosphor-icons/react': {
+      transform: '@phosphor-icons/react/dist/ssr/{{member}}',
+      skipDefaultConversion: true,
+      preventFullImport: true,
+    },
+  },
   experimental: {
     scrollRestoration: true,
     optimizePackageImports: [

package.json

@@ -100,7 +100,6 @@
     "react-error-boundary": "^4.0.13",
     "react-google-recaptcha": "^3.1.0",
     "react-hook-form": "7.43.9",
-    "react-icons": "^5.2.1",
     "react-live-chat-loader": "^2.9.1",
     "react-markdown": "^8.0.7",
     "react-papaparse": "^4.4.0",

src/pages/[guild]/events.tsx

@@ -1,4 +1,5 @@
 import { HStack, Link, VStack, Wrap } from "@chakra-ui/react"
+import { NoteBlank } from "@phosphor-icons/react"
 import { EditGuildDrawerProvider } from "components/[guild]/EditGuild/EditGuildDrawerContext"
 import EventCard from "components/[guild]/Events/EventCard"
 import FallbackFrame from "components/[guild]/Events/FallbackFrame"
@@ -15,7 +16,6 @@ import BackButton from "components/common/Layout/components/BackButton"
 import useGuildEvents, { GuildEvent } from "hooks/useGuildEvents"
 import { GetStaticPaths, GetStaticProps } from "next"
 import dynamic from "next/dynamic"
-import { PiNoteBlank } from "react-icons/pi"
 import { SWRConfig } from "swr"
 import { Guild, SocialLinkKey } from "types"
 import parseDescription from "utils/parseDescription"
@@ -96,7 +96,7 @@ const GuildEvents = (): JSX.Element => {
       )}
       {!isValidating && data?.length === 0 && (
         <FallbackFrame
-          icon={PiNoteBlank}
+          icon={NoteBlank}
           title="No upcoming events"
           text="There aren't any upcoming events currently"
         />