From 35162c1e48eb7f4c6bc3e98ac9bf8977e23c0830 Mon Sep 17 00:00:00 2001
From: hae-on <solbi2004@naver.com>
Date: Wed, 24 Jul 2024 22:26:28 +0900
Subject: [PATCH 1/5] =?UTF-8?q?chore:=20=EC=A2=8B=EC=95=84=EC=9A=94=20?=
 =?UTF-8?q?=EA=B0=92=20false=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mocks/data/recipeDetail.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/mocks/data/recipeDetail.json b/src/mocks/data/recipeDetail.json
index 8d17e8ee..7a575709 100644
--- a/src/mocks/data/recipeDetail.json
+++ b/src/mocks/data/recipeDetail.json
@@ -39,6 +39,6 @@
   ],
   "totalPrice": 7000,
   "favoriteCount": 153,
-  "favorite": true,
+  "favorite": false,
   "createdAt": "2023-08-02T13:43:06.379389"
 }

From aa607a6f461b911d509bd9aad37dee9527a83cf1 Mon Sep 17 00:00:00 2001
From: hae-on <solbi2004@naver.com>
Date: Wed, 24 Jul 2024 22:26:52 +0900
Subject: [PATCH 2/5] =?UTF-8?q?refactor:=20=EC=A2=8B=EC=95=84=EC=9A=94=20?=
 =?UTF-8?q?=EB=B9=88=20=EB=B2=84=ED=8A=BC=20svg=20to=20png?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/heart-empty.png                       | Bin 0 -> 8151 bytes
 .../RecipeFavoriteButton.tsx                     |   9 +++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/heart-empty.png

diff --git a/src/assets/heart-empty.png b/src/assets/heart-empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1ec4a102a22be9624a52ff79eb7ae0741c69ddc
GIT binary patch
literal 8151
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

literal 0
HcmV?d00001

diff --git a/src/components/Recipe/RecipeFavoriteButton/RecipeFavoriteButton.tsx b/src/components/Recipe/RecipeFavoriteButton/RecipeFavoriteButton.tsx
index 7c55edea..cc3f6a48 100644
--- a/src/components/Recipe/RecipeFavoriteButton/RecipeFavoriteButton.tsx
+++ b/src/components/Recipe/RecipeFavoriteButton/RecipeFavoriteButton.tsx
@@ -1,5 +1,6 @@
 import { container } from './recipeFavoriteButton.css';
 
+import HeartEmpty from '@/assets/heart-empty.png';
 import { SvgIcon, Text } from '@/components/Common';
 import { useTimeout } from '@/hooks/common';
 import { useMemberQuery } from '@/hooks/queries/members';
@@ -27,11 +28,15 @@ const RecipeFavoriteButton = ({ recipeId, favorite, favoriteCount }: RecipeFavor
     <div className={container}>
       {member ? (
         <button type="button" onClick={debouncedToggleFavorite}>
-          <SvgIcon variant={favorite ? 'heartFilled' : 'heartEmpty'} width={24} height={24} />
+          {favorite ? (
+            <SvgIcon variant="heartFilled" width={24} height={24} />
+          ) : (
+            <img src={HeartEmpty} alt="좋아요" width={24} height={24} />
+          )}
         </button>
       ) : (
         <div>
-          <SvgIcon variant="heartEmpty" width={24} height={24} />
+          <img src={HeartEmpty} alt="좋아요" width={24} height={24} />
         </div>
       )}
       <Text as="span" size="caption1" weight="medium" color="sub">

From ef09fc761bec4211fbde4b7022176a9e28baa827 Mon Sep 17 00:00:00 2001
From: hae-on <solbi2004@naver.com>
Date: Wed, 24 Jul 2024 22:27:12 +0900
Subject: [PATCH 3/5] =?UTF-8?q?chore:=20=EC=BF=A0=ED=82=A4=20=EA=B0=92=20?=
 =?UTF-8?q?=EC=9E=88=EC=9D=84=20=EB=95=8C=EB=A7=8C=20detail=EB=A1=9C=20?=
 =?UTF-8?q?=EB=84=98=EC=96=B4=EA=B0=80=EB=8A=94=20=EB=A1=9C=EC=A7=81=20?=
 =?UTF-8?q?=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mocks/handlers/recipeHandlers.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/mocks/handlers/recipeHandlers.ts b/src/mocks/handlers/recipeHandlers.ts
index 14019cef..99dfa10d 100644
--- a/src/mocks/handlers/recipeHandlers.ts
+++ b/src/mocks/handlers/recipeHandlers.ts
@@ -7,11 +7,11 @@ import mockRecipes from '../data/recipes.json';
 
 export const recipeHandlers = [
   rest.get('/api/recipes/:recipeId', (req, res, ctx) => {
-    const { mockSessionId } = req.cookies;
+    // const { mockSessionId } = req.cookies;
 
-    if (!mockSessionId) {
-      return res(ctx.status(401));
-    }
+    // if (!mockSessionId) {
+    //   return res(ctx.status(401));
+    // }
 
     return res(ctx.status(200), ctx.json(recipeDetail), ctx.delay(1000));
   }),

From 8335a66f5dbbdfa71377cafed2ecdb8dad7bae5c Mon Sep 17 00:00:00 2001
From: hae-on <solbi2004@naver.com>
Date: Wed, 24 Jul 2024 22:27:49 +0900
Subject: [PATCH 4/5] =?UTF-8?q?refactor:=20border=20=EA=B0=92=20=EB=B6=80?=
 =?UTF-8?q?=EC=97=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Common/CategoryItem/CategoryItem.tsx    | 2 +-
 src/components/Common/CategoryItem/categoryItem.css.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Common/CategoryItem/CategoryItem.tsx b/src/components/Common/CategoryItem/CategoryItem.tsx
index c71af699..7add0319 100644
--- a/src/components/Common/CategoryItem/CategoryItem.tsx
+++ b/src/components/Common/CategoryItem/CategoryItem.tsx
@@ -46,7 +46,7 @@ const CategoryItem = ({
     >
       <div>
         <img
-          className={cx(category, { [circle]: isCircular })}
+          className={cx(categoryImage, { [circle]: isCircular })}
           src={image}
           width={width}
           height={height}
diff --git a/src/components/Common/CategoryItem/categoryItem.css.ts b/src/components/Common/CategoryItem/categoryItem.css.ts
index 53e33853..0d8ebb07 100644
--- a/src/components/Common/CategoryItem/categoryItem.css.ts
+++ b/src/components/Common/CategoryItem/categoryItem.css.ts
@@ -16,6 +16,7 @@ export const imageWrapper = style({
 
 export const categoryImage = style({
   objectFit: 'cover',
+  borderRadius: 4,
 });
 
 export const circle = style({

From c182623d30fcd66ba25c7b6864a4e7597b633794 Mon Sep 17 00:00:00 2001
From: hae-on <solbi2004@naver.com>
Date: Wed, 24 Jul 2024 22:31:01 +0900
Subject: [PATCH 5/5] =?UTF-8?q?refactor:=20count=20=EC=9E=88=EC=9D=84=20?=
 =?UTF-8?q?=EB=95=8C=EB=A7=8C=20margin=20=EB=B6=80=EC=97=AC=EB=90=98?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RecipeFavoriteButton/RecipeFavoriteButton.tsx   | 13 +++++++++----
 .../recipeFavoriteButton.css.ts                     |  5 ++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/Recipe/RecipeFavoriteButton/RecipeFavoriteButton.tsx b/src/components/Recipe/RecipeFavoriteButton/RecipeFavoriteButton.tsx
index cc3f6a48..de77e477 100644
--- a/src/components/Recipe/RecipeFavoriteButton/RecipeFavoriteButton.tsx
+++ b/src/components/Recipe/RecipeFavoriteButton/RecipeFavoriteButton.tsx
@@ -1,4 +1,4 @@
-import { container } from './recipeFavoriteButton.css';
+import { container, countWrapper } from './recipeFavoriteButton.css';
 
 import HeartEmpty from '@/assets/heart-empty.png';
 import { SvgIcon, Text } from '@/components/Common';
@@ -39,9 +39,14 @@ const RecipeFavoriteButton = ({ recipeId, favorite, favoriteCount }: RecipeFavor
           <img src={HeartEmpty} alt="좋아요" width={24} height={24} />
         </div>
       )}
-      <Text as="span" size="caption1" weight="medium" color="sub">
-        {favoriteCount}
-      </Text>
+
+      {favoriteCount && (
+        <div className={countWrapper}>
+          <Text as="span" size="caption1" weight="medium" color="sub">
+            {favoriteCount}
+          </Text>
+        </div>
+      )}
     </div>
   );
 };
diff --git a/src/components/Recipe/RecipeFavoriteButton/recipeFavoriteButton.css.ts b/src/components/Recipe/RecipeFavoriteButton/recipeFavoriteButton.css.ts
index 5f56bc18..5f76aa4f 100644
--- a/src/components/Recipe/RecipeFavoriteButton/recipeFavoriteButton.css.ts
+++ b/src/components/Recipe/RecipeFavoriteButton/recipeFavoriteButton.css.ts
@@ -3,5 +3,8 @@ import { style } from '@vanilla-extract/css';
 export const container = style({
   display: 'flex',
   alignItems: 'center',
-  gap: 6,
+});
+
+export const countWrapper = style({
+  marginLeft: 6,
 });