Merge pull request #235 from DDD-Community/fix/goal

hotfix: 목표 수정 페이지로 이동되지 않는 버그 픽스

Author: Wonchang0314

src/app/(home)/goal/[goalId]/loading.tsx

@@ -0,0 +1,8 @@
+export default function GoalEditPageLoading() {
+  return (
+    <div className="w-full h-screen flex flex-col bg-normal items-center justify-center">
+      <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-white mx-auto mb-4" />
+      <p className="text-gray-100 text-sm font-medium">목표 데이터를 불러오는 중입니다...</p>
+    </div>
+  );
+}

src/composite/goal/edit/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { EditGoalFormElement } from '@/feature/goal';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useMutation, useQueryClient, useSuspenseQuery } from '@tanstack/react-query';
 import { GoalQuery } from '@/model/goal/queries';
 import { GoalQueryKeys } from '@/model/goal/queryKeys';
 import { Goal } from '@/shared/type/goal';
@@ -13,10 +13,11 @@ import { useRouter, notFound } from 'next/navigation';
 import { ROUTES } from '@/shared/constants/routes';
 
 export default function GoalEditFormController({ goalId }: { goalId: string }) {
-  const { data: currentGoal } = useQuery(GoalQuery.getGoalById(goalId));
+  const { data: currentGoal, isError } = useSuspenseQuery(GoalQuery.getGoalById(goalId));
 
-  // 새로고침 대응을 위해 캐시가 없으면 현재 목표 패칭하는 로직 추가 예정
-  if (!currentGoal) notFound();
+  if (isError || !currentGoal) {
+    notFound();
+  }
 
   return (
     <div className="flex flex-1 flex-col min-h-screen bg-[#1B1C1E]">

src/composite/home/todoListContainer/components/cheerMessageCard/api.ts

@@ -2,6 +2,11 @@ import { apiClient } from '@/shared/lib/apiClient';
 import { GrorongAdviceResponse } from './type';
 
 export async function getGrorongAdvice() {
-  const response = await apiClient.get<GrorongAdviceResponse>('/advice/grorong ');
-  return response.data.data;
+  try {
+    const response = await apiClient.get<GrorongAdviceResponse>('/advice/grorong');
+    return response.data.data;
+  } catch (error) {
+    console.error('Failed to fetch grorong advice:', error);
+    throw new Error('그로롱 조언 조회에 실패했습니다.');
+  }
 }

src/model/aiMentor/api.ts

@@ -14,6 +14,11 @@ export interface AIMentorAdvice {
 export interface AIMentorAdviceResponse extends CommonResponse<AIMentorAdvice> {}
 
 export async function getAIMentorAdvice() {
-  const response = await apiClient.get<AIMentorAdviceResponse>('/advice/mentor');
-  return response.data.data;
+  try {
+    const response = await apiClient.get<AIMentorAdviceResponse>('/advice/mentor');
+    return response.data.data;
+  } catch (error) {
+    console.error('Failed to fetch ai mentor advice:', error);
+    throw new Error('AI 멘토 조언 조회에 실패했습니다.');
+  }
 }