From 13d80a918f0af627a527c2e0dcbca289185fd77e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=98=81=EC=9A=B0?= <zestlee1106@gmail.com>
Date: Wed, 20 Dec 2023 20:42:13 +0900
Subject: [PATCH] =?UTF-8?q?[fix]=20=EB=94=94=EC=9E=90=EC=9D=B8=20qa=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Chip/Chip.tsx         |  5 +++--
 components/RoomCard/RoomCard.tsx | 15 +++++++++------
 pages/index.tsx                  |  1 +
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/components/Chip/Chip.tsx b/components/Chip/Chip.tsx
index 32df881..fc622c5 100644
--- a/components/Chip/Chip.tsx
+++ b/components/Chip/Chip.tsx
@@ -8,10 +8,11 @@ interface ChipProps {
   clicked?: boolean;
   onChipClick?: (label: string) => void;
   onlyText?: boolean;
+  fontWeight?: string;
 }
 
 /** Chip Component 1차 개발 */
-export default function Chip({ label, onDelete, clicked, onChipClick, onlyText }: ChipProps) {
+export default function Chip({ label, onDelete, clicked, onChipClick, onlyText, fontWeight }: ChipProps) {
   const [fillStroke, setFillStroke] = useState('');
   const [fillText, setFillText] = useState('');
   useEffect(() => {
@@ -34,7 +35,7 @@ export default function Chip({ label, onDelete, clicked, onChipClick, onlyText }
     <div
       className={`pl-[12px] pr-[3.75px] inline-flex items-center mr-2 bg-opacity-10 py-1 font-semibold ${fillText} ${
         onlyText ? 'border-g3 border-[1px] rounded-[2px] !pr-[12px]' : ''
-      }`}
+      } ${fontWeight ? `font-[${fontWeight}]` : ''}`}
       onClick={onDivClick}
     >
       <Typography variant="label" fontStyle="medium" font="pretendard" color={clicked ? 'r1' : 'g5'}>
diff --git a/components/RoomCard/RoomCard.tsx b/components/RoomCard/RoomCard.tsx
index d948d30..33e4ab4 100644
--- a/components/RoomCard/RoomCard.tsx
+++ b/components/RoomCard/RoomCard.tsx
@@ -45,12 +45,15 @@ const UserInfo = ({ userInfo }: UserInfoProps) => {
 
   return (
     <div className="flex">
-      <img
-        className="object-cover object-center w-[32px] h-[32px] rounded-[32px]"
-        src={userInfo.imageUrl || '/images/thumb.png'}
-        alt="user"
-        onClick={handleUserClick}
-      />
+      <div className="relative inline-block w-[32px] h-[32px] ">
+        <img
+          className="object-cover object-center w-full h-full rounded-[32px]"
+          src={userInfo.imageUrl || '/images/thumb.png'}
+          alt="user"
+          onClick={handleUserClick}
+        />
+        <div className="absolute w-full h-full rounded-[50%] border-g3 border-solid top-0 left-0 box-border border-[1px]" />
+      </div>
       <div className="ml-[12px]">
         <div className="text-[16px] text-g7 font-semibold">{userInfo.firstName}</div>
         <div className="text-a2 text-[12px]">
diff --git a/pages/index.tsx b/pages/index.tsx
index bb297b8..417c757 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -226,6 +226,7 @@ function Home() {
                 onDelete={() => handleOptionRemove?.(filter, index)}
                 onChipClick={() => handleChipClick?.(index)}
                 clicked={filter.selected}
+                fontWeight="medium"
               />
             );
           })}