From a5b4103515c222cade865748837c3cee9b0e211a Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Thu, 29 Feb 2024 09:15:18 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20bigger=20img=20on=20use?=
 =?UTF-8?q?rselectitem?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../UserSelect/UserSelectItem/UserSelectItem.theme.ts     | 2 +-
 .../shared/UserSelect/UserSelectItem/UserSelectItem.tsx   | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.theme.ts b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.theme.ts
index e5b8685e..17f28bdd 100644
--- a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.theme.ts
+++ b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.theme.ts
@@ -12,7 +12,7 @@ export const userSelectItemTheme = tv({
       'cursor-pointer',
     ],
     content: ['flex', 'gap-3', 'items-center'],
-    img: ['h-5', 'w-5'],
+    img: ['h-10', 'w-10', 'rounded-lg'],
     selectedIcon: ['h-5', 'w-5', 'text-controls-primary'],
     label: ['text-sm', 'text-elements-high-em', 'tracking-[-0.006em]'],
   },
diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
index 9684bc9a..861ca13f 100644
--- a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
+++ b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
@@ -32,14 +32,10 @@ const UserSelectItem = forwardRef<HTMLLIElement, UserSelectItemProps>(
   ({ className, selected, hovered, option, ...props }, ref) => {
     const theme = userSelectItemTheme();
 
-    const { value, label, imgSrc } = option;
+    const { value, label, imgSrc = './logo.svg' } = option;
 
     const renderLeftImage = useMemo(
-      () => (
-        <div className="grid place-items-center w-10 h-10 rounded-lg bg-blue-400">
-          <img src={imgSrc} alt={`${value}-logo`} className={theme.img()} />
-        </div>
-      ),
+      () => <img src={imgSrc} alt={`${value}-logo`} className={theme.img()} />,
       [imgSrc, value],
     );