fix: notification icon

opensquare-network · Mar 25, 2024 · f2678b3 · f2678b3
1 parent 1754ce0
commit f2678b3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 11 deletions.
diff --git a/next/components/notification/bell.js b/next/components/notification/bell.js
@@ -1,10 +1,12 @@
 import Link from "next/link";
 import { useSelector } from "react-redux";
 import { unreadSelector } from "store/reducers/notificationSlice";
-import { ReactComponent as NotificationSVG } from "./notification.svg";
-import { ReactComponent as UnreadNotificationSVG } from "./unread-notification.svg";
 import { loginAddressSelector } from "store/reducers/accountSlice";
 import { Button } from "@osn/common-ui";
+import {
+  SystemNotification,
+  SystemNotificationActive,
+} from "@osn/icons/opensquare";
 
 export default function NotificationBell() {
   const address = useSelector(loginAddressSelector);
@@ -18,7 +20,11 @@ export default function NotificationBell() {
     <Link href="/notifications" className="max-sm:w-full">
       <Button className="px-2 w-full max-sm:px-4">
         <span className="w-full inline-flex items-center">
-          {unread ? <UnreadNotificationSVG /> : <NotificationSVG />}
+          {unread ? (
+            <SystemNotificationActive className="text-textSecondary" />
+          ) : (
+            <SystemNotification className="text-textSecondary" />
+          )}
           <span className="sm:hidden ml-2">Notification</span>
         </span>
       </Button>

diff --git a/next/components/notification/notification.svg b/next/components/notification/notification.svg
diff --git a/next/components/notification/unread-notification.svg b/next/components/notification/unread-notification.svg