From e6f2d84071cca2d0f250b5ece27e6a58e6acc410 Mon Sep 17 00:00:00 2001
From: ap-justin <89639563+ap-justin@users.noreply.github.com>
Date: Wed, 28 Aug 2024 22:34:29 +0800
Subject: [PATCH] use fill

---
 src/components/BookmarkBtn.tsx                         | 10 ++++++----
 src/components/VerifiedIcon.tsx                        |  6 +++++-
 src/pages/Marketplace/Cards/Card.tsx                   |  2 +-
 src/pages/Profile/Body/Body.tsx                        |  2 +-
 .../GeneralInfo/DetailsColumn/EndowDesignationTag.tsx  |  2 +-
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/BookmarkBtn.tsx b/src/components/BookmarkBtn.tsx
index 18ced922ba..3a4a890813 100644
--- a/src/components/BookmarkBtn.tsx
+++ b/src/components/BookmarkBtn.tsx
@@ -58,11 +58,13 @@ export default function BookmarkBtn({
         aria-label="Add to favorites button"
         onClick={toogleBookmark}
         disabled={isBookmarksLoading || isTogglingBookmark}
-        className={`flex items-center gap-1 disabled:text-gray-l4 ${
-          isBookmarked ? "text-red fill-red" : ""
-        } ${classes}`}
+        className={`flex items-center gap-1 disabled:text-gray-l4 ${classes}`}
       >
-        <Icon type="Heart" size={19} />
+        <Icon
+          type="Heart"
+          size={19}
+          className={isBookmarked ? "fill-red text-red" : ""}
+        />
         {children}
       </button>
     </>
diff --git a/src/components/VerifiedIcon.tsx b/src/components/VerifiedIcon.tsx
index 847685e604..78377c5f5e 100644
--- a/src/components/VerifiedIcon.tsx
+++ b/src/components/VerifiedIcon.tsx
@@ -12,7 +12,11 @@ export default function VerifiedIcon({ classes = "", size }: Props) {
     <>
       <Tooltip anchorRef={ref} content="Verified" />
       <div ref={ref} className={classes}>
-        <Icon type="Verified" size={size} className="text-blue inline" />
+        <Icon
+          type="Verified"
+          size={size}
+          className="text-white inline fill-blue"
+        />
       </div>
     </>
   );
diff --git a/src/pages/Marketplace/Cards/Card.tsx b/src/pages/Marketplace/Cards/Card.tsx
index 48a5fcda70..0e7e849541 100644
--- a/src/pages/Marketplace/Cards/Card.tsx
+++ b/src/pages/Marketplace/Cards/Card.tsx
@@ -35,7 +35,7 @@ export default function Card({
             {claimed && (
               <VerifiedIcon
                 classes="inline relative bottom-px mr-1"
-                size={18}
+                size={21}
               />
             )}
             <span className="inline">{name}</span>
diff --git a/src/pages/Profile/Body/Body.tsx b/src/pages/Profile/Body/Body.tsx
index 260f7d9f84..fed4804efe 100644
--- a/src/pages/Profile/Body/Body.tsx
+++ b/src/pages/Profile/Body/Body.tsx
@@ -36,7 +36,7 @@ function Body() {
                 {(p.claimed ?? true) && (
                   <VerifiedIcon
                     classes="relative inline bottom-px mr-2"
-                    size={24}
+                    size={27}
                   />
                 )}
                 <span>{p.name}</span>
diff --git a/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx b/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx
index 82453aacf5..be49dc9dfa 100644
--- a/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx
+++ b/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx
@@ -18,7 +18,7 @@ export default function EndowDesignationTag({
   return (
     <div className="flex flex-col items-start gap-3">
       <Tag>
-        <Icon type={icons[endow_designation]} size={22} /> {endow_designation}
+        <Icon type={icons[endow_designation]} size={20} /> {endow_designation}
       </Tag>
     </div>
   );