feat: QuizProblemStopModal story 작성

dnd-side-project · Sep 7, 2024 · 5ee3674 · 5ee3674
1 parent e582d0c
commit 5ee3674
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/components/common/Modal/Modal.stories.tsx b/src/components/common/Modal/Modal.stories.tsx
@@ -1,4 +1,6 @@
+import React from 'react'
 import type { Meta, StoryObj } from '@storybook/react'
+import QuizProblemStopModal from '@/components/shared/QuizProblemStopModal'
 import Modal from '.'
 
 const meta: Meta<typeof Modal> = {
@@ -21,3 +23,17 @@ export const Default: Story = {
     children: 'Modal',
   },
 }
+
+export const QuizProblemStopModalStory: Story = {
+  render: () => {
+    return (
+      <>
+        <QuizProblemStopModal
+          isModalOpen={true}
+          totalProblem={5}
+          currentProblem={2}
+        />
+      </>
+    )
+  },
+}
diff --git a/src/components/shared/QuizProblemStopModal/index.tsx b/src/components/shared/QuizProblemStopModal/index.tsx
@@ -28,7 +28,9 @@ export default function QuizProblemStopModal({
       </div>
 
       <div className="flex justify-between">
-        <Button type={'light'}>계속할게요</Button>
+        <Button type={'light'} onClick={() => !isModalOpen}>
+          계속할게요
+        </Button>
         <Button type={'gradient'}>그만할게요</Button>
       </div>
     </Modal>