From dda130815d894f61ed04be8e990d6885b0f858b4 Mon Sep 17 00:00:00 2001
From: skiende74 <skiende74@gmail.com>
Date: Fri, 2 Aug 2024 17:07:30 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B3=80=EA=B2=BD=EC=82=AC=ED=95=AD=20?=
 =?UTF-8?q?=EC=8A=A4=ED=86=A0=EB=A6=AC=EB=B6=81=EC=97=90=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81=ED=95=98=EC=97=AC=20=EC=97=90=EB=9F=AC=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RoomCompare/CompareSelectCard.stories.tsx   | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/RoomCompare/CompareSelectCard.stories.tsx b/frontend/src/components/RoomCompare/CompareSelectCard.stories.tsx
index 8f36f87cf..703946c11 100644
--- a/frontend/src/components/RoomCompare/CompareSelectCard.stories.tsx
+++ b/frontend/src/components/RoomCompare/CompareSelectCard.stories.tsx
@@ -1,6 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react/*';
 import { useState } from 'react';
 
+import { checklistList } from '@/mocks/fixtures/checklistList';
+
 import CompareSelectCard from './CompareSelectCard';
 
 const meta: Meta<typeof CompareSelectCard> = {
@@ -13,7 +15,20 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export const Default: Story = {
   render: () => {
+    const room = checklistList.checklists[0];
+
     const [isSelected, setIsSelected] = useState(false);
-    return <CompareSelectCard isSelected={isSelected} onClick={() => setIsSelected(!isSelected)} />;
+    return (
+      <CompareSelectCard
+        key={room.checklistId}
+        isSelected={isSelected}
+        onClick={() => setIsSelected(!isSelected)}
+        roomName={room.roomName}
+        location={room.address}
+        deposit={room.deposit}
+        rent={room.rent}
+        createDate={new Date(room.createdAt)}
+      />
+    );
   },
 };