From 6af270e67682508548ff504555d47f7af6b9384e Mon Sep 17 00:00:00 2001
From: byeong <qudcks4885@gmail.com>
Date: Thu, 6 Feb 2025 18:09:43 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20AI=20=ED=80=B4=EC=A6=88=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=EB=AA=A8=EB=8B=AC=20Loading=20=ED=99=94=EB=A9=B4?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/src/pages/quiz-list/ui/AiQuizModal.tsx   | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/pages/quiz-list/ui/AiQuizModal.tsx b/packages/client/src/pages/quiz-list/ui/AiQuizModal.tsx
index bc13bbf..690e1a8 100644
--- a/packages/client/src/pages/quiz-list/ui/AiQuizModal.tsx
+++ b/packages/client/src/pages/quiz-list/ui/AiQuizModal.tsx
@@ -3,6 +3,7 @@ import { LightbulbIcon } from 'lucide-react';
 import { useCreateAIQuiz } from '@/shared/hooks/quizzes';
 import { useParams } from 'react-router-dom';
 import { useQuizContext } from '@/pages/quiz-create/contexts/useQuizContext';
+import QuizLoading from '@/pages/quiz-session/ui/QuizLoading';
 
 interface AIQuizModalProps {
   onClose: () => void;
@@ -12,19 +13,23 @@ export default function AIQuizModal({ onClose }: AIQuizModalProps) {
   const { setQuizzes } = useQuizContext();
   const [prompt, setPrompt] = useState('');
   const { classId } = useParams();
-  const { mutate } = useCreateAIQuiz();
+  const { mutate, isPending } = useCreateAIQuiz();
   const handleConfirmClick = () => {
     mutate(
-      { classId: Number(classId), text: prompt},
+      { classId: Number(classId), text: prompt },
       {
         onSuccess: (data) => {
           setQuizzes(data.data.quizzes);
           onClose();
-        }
-      }
+        },
+      },
     );
   };
 
+  if (isPending) {
+    return <QuizLoading />;
+  }
+
   return (
     <form
       className="flex flex-col gap-6 bg-white rounded-lg p-8 w-full max-w-2xl mx-auto shadow-md"