refactor: add loading

src/store/chat-store.ts

@@ -2,12 +2,22 @@ import { create } from 'zustand';
 
 interface ChatState {
   messages: { content: string; role: 'user' | 'system' }[];
+  loading: boolean;
   addMessage: (message: { content: string; role: 'user' | 'system' }) => void;
+  setLoading: (loading: boolean) => void;
+  updateLastMessage: (content: string) => void;
 }
 
 const useChatStore = create<ChatState>((set) => ({
   messages: [],
+  loading: false,
   addMessage: (message) => set((state) => ({ messages: [...state.messages, message] })),
+  setLoading: (loading) => set({ loading }),
+  updateLastMessage: (content) =>
+    set((state) => {
+      const updatedMessages = [...state.messages];
+      updatedMessages[updatedMessages.length - 1].content = content;
+      return { messages: updatedMessages };
+    }),
 }));
-
 export default useChatStore;

src/ui/components/molecule/user/chat-form/chat-form.tsx

@@ -24,13 +24,16 @@ const ChatForm = ({ type, category }: ChatFormProps) => {
     e.preventDefault();
     try {
       useChatStore.getState().addMessage({ content, role: 'user' });
-      const response = await postQuestion(category, type, content);
-      console.log('전송 성공:', response);
-      useChatStore.getState().addMessage({ content: response.answer.content, role: 'system' });
+      useChatStore.getState().addMessage({ content: '답변을 생성중입니다...', role: 'system' });
+      useChatStore.getState().setLoading(true);
       setContent('');
+      const response = await postQuestion(category, type, content);
+      useChatStore.getState().updateLastMessage(response.answer.content);
+      useChatStore.getState().setLoading(false);
       setDisabled(true);
     } catch (error) {
-      console.error('전송 실패:', error);
+      useChatStore.getState().setLoading(false);
+      useChatStore.getState().updateLastMessage('답변 생성에 실패했습니다. 새로고침해주세요');
     }
   };