refactor: chatMachine 불필요한 코드 수정

test를 진행하면서 chat.machine.ts에서 발견된 불필요한 코드를 제거하였습니다.

issue: #19

Author: BHyeonKim

src/features/chat/model/chat.machine.ts

@@ -6,18 +6,13 @@ export const chatMachine = setup({
 	types: {
 		context: {} as {
 			question: Message;
-			answer: Message;
 			messageList: MessageObj[];
-			state: 'idle' | 'processing' | 'complete';
+			state: 'idle' | 'processing';
 		},
 		events: {} as
 			| {
 					type: 'SUBMIT_EVENT';
 			  }
-			| {
-					type: 'RECEIVE_ANSWER';
-					answer: string;
-			  }
 			| {
 					type: 'TYPING_QUESTION';
 					question: string;
@@ -38,9 +33,6 @@ export const chatMachine = setup({
 		switchStateToProcessing: assign({
 			state: 'processing',
 		}),
-		switchStateToComplete: assign({
-			state: 'complete',
-		}),
 		assignQuestion: assign({
 			question: ({ event }) => {
 				assertEvent(event, 'TYPING_QUESTION');
@@ -63,16 +55,21 @@ export const chatMachine = setup({
 			question: '',
 		}),
 		assignErrorMessage: assign({
-			answer: ({ event }) => {
-				return '답변을 받아오는데 실패했습니다.';
+			messageList: ({ event, context }) => {
+				return [
+					...context.messageList,
+					{
+						message: '답변을 받아오는데 실패했습니다.',
+						isMine: false,
+					},
+				];
 			},
 		}),
 	},
 }).createMachine({
 	id: 'chatMachine',
 	context: {
 		question: '',
-		answer: '',
 		messageList: [],
 		state: 'idle',
 	},
@@ -102,9 +99,8 @@ export const chatMachine = setup({
 				src: 'submitQuestion',
 				input: ({ context }) => ({ question: context.question }),
 				onDone: {
-					target: 'RECEIVED ANSWER',
+					target: 'EMPTY QUESTION FIELD',
 					actions: [
-						'switchStateToComplete',
 						'resetQuestion',
 						assign({
 							messageList: ({ event, context }) => {
@@ -114,19 +110,14 @@ export const chatMachine = setup({
 								];
 							},
 						}),
+						'switchStateToIdle',
 					],
 				},
 				onError: {
-					target: 'RECEIVED ANSWER',
-					actions: ['assignErrorMessage'],
+					target: 'EMPTY QUESTION FIELD',
+					actions: ['assignErrorMessage', 'resetQuestion', 'switchStateToIdle'],
 				},
 			},
 		},
-		'RECEIVED ANSWER': {
-			always: {
-				target: 'EMPTY QUESTION FIELD',
-				actions: ['switchStateToIdle'],
-			},
-		},
 	},
 });

src/features/chat/ui/AIChatBot/index.tsx

@@ -39,7 +39,6 @@ export default function AIChatBot() {
 					handleSubmit={handleSubmitQuestion}
 					handleInputValueChange={handleQuestionFieldChange}
 					state={state.context.state}
-					messageList={state.context.messageList}
 				>
 					{state.context.messageList.map((message, index) => {
 						const key = `msg-${index}-${message.isMine ? 'user' : 'ai'}`;