fix: use message & robot icons properly

guildxyz · Jul 22, 2024 · b8b9508 · b8b9508
1 parent 00461c0
commit b8b9508
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/src/app/explorer/_components/Explorer.tsx b/src/app/explorer/_components/Explorer.tsx
@@ -9,9 +9,9 @@ import { GuildSearchBar } from "app/explorer/_components/GuildSearchBar"
 import { YourGuilds } from "app/explorer/_components/YourGuilds"
 import useIsStuck from "hooks/useIsStuck"
 import { useSetAtom } from "jotai"
+import Image from "next/image"
 import { Suspense } from "react"
 import { SearchParams } from "types"
-import Robot from "/public/landing/robot.svg"
 import { isSearchStuckAtom } from "../atoms"
 import { ActiveSection } from "../types"
 import { GuildInfiniteScroll } from "./GuildInfiniteScroll"
@@ -33,7 +33,13 @@ export const Explorer = ({ searchParams }: { searchParams: SearchParams }) => {
       ) : (
         <Card className="mt-2 mb-8 flex flex-col items-stretch justify-between gap-8 p-6 font-semibold sm:flex-row sm:items-center">
           <div className="flex items-center gap-4">
-            <Robot className="size-8 min-w-8 text-white" />
+            <Image
+              src="/landing/robot.svg"
+              width={32}
+              height={32}
+              alt="Guild Robot icon"
+              className="size-8 min-w-8"
+            />
             <span>Sign in to view your guilds / create new ones</span>
           </div>
           <Button

diff --git a/src/v2/components/Account/components/Notification/Web3Inbox.tsx b/src/v2/components/Account/components/Notification/Web3Inbox.tsx
@@ -30,8 +30,6 @@ import Image from "next/image"
 import { useState } from "react"
 import formatRelativeTimeFromNow from "utils/formatRelativeTimeFromNow"
 import { useAccount, useSignMessage } from "wagmi"
-import MessageImage from "/public/img/message.svg"
-import guildNotificationImage from "/public/requirementLogos/guild.png"
 import { Web3InboxSkeleton } from "./Web3InboxSkeleton"
 
 const WEB3_INBOX_INIT_PARAMS = {
@@ -82,7 +80,13 @@ const Web3Inbox = () => {
   if (!isSubscribedLoading && !isSubscribed) {
     return (
       <div className="flex items-center gap-4 px-4">
-        <MessageImage className="size-6 min-w-6" />
+        <Image
+          src="/img/message.svg"
+          width={24}
+          height={24}
+          alt="Message icon"
+          className="size-6 min-w-6"
+        />
         <div className="flex flex-col">
           <h4 className="font-semibold">Subscribe to messages</h4>
           <p className="text-muted-foreground text-sm leading-normal">
@@ -107,7 +111,7 @@ const Web3Inbox = () => {
             key={message.id}
           >
             <div className="relative mr-4 aspect-square min-w-10 rounded-full">
-              <Image src={guildNotificationImage} alt="Guild castle" fill />
+              <Image src="/requirementLogos/guild.png" alt="Guild castle" fill />
             </div>
             <div className="flex flex-col">
               <h4 className="font-semibold">{message.title}</h4>
@@ -124,7 +128,7 @@ const Web3Inbox = () => {
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2">
               <Image
-                src={guildNotificationImage}
+                src="/requirementLogos/guild.png"
                 alt="Guild castle"
                 placeholder="blur"
                 width={32}