[FRONTEND] 호환성체크 모달 및 견적 api 연결 (#97)

호환성체크 모달 제작 및 견적 api 연결

Author: yuhoyeong

frontend/src/App.tsx

@@ -11,7 +11,7 @@ import MyPage from "./pages/MyPage";
 import SignIn from "./pages/SignIn";
 import Setting from "./pages/Setting";
 import SecondSetting from "./pages/SecondSetting";
-import RedirectPage from "./pages/oauth/kakao/RedirectPage";
+import RedirectPage from "./pages/RedirectPage";
 import ExpertVerifyLayout from "./components/layout/ExpertVerifyLayout";
 import { ProtectedRoute } from "./routes/ProtectedRoute";
 import RootRedirect from "./routes/RootRedirect";

frontend/src/api/Quote/index.ts

@@ -0,0 +1,7 @@
+// Quote API 통합 export
+
+export { usePostQuote } from './usePostQuote';
+export { useGetQuotes } from './useGetQuotes';
+export { useQuoteDetail } from './useQuoteDetail';
+export { useEditQuote } from './useEditQuote';
+export { useDeleteQuote } from './useDeleteQuote';

frontend/src/api/Quote/useDeleteQuote.ts

@@ -0,0 +1,8 @@
+import { useMutation } from '@tanstack/react-query';
+import { quoteService } from '../services/quoteService';
+
+export const useDeleteQuote = () => {
+  return useMutation({
+    mutationFn: (quoteId: number) => quoteService.deleteQuote(quoteId),
+  });
+};

frontend/src/api/Quote/useEditQuote.ts

@@ -0,0 +1,15 @@
+import { useMutation } from '@tanstack/react-query';
+import { quoteService } from '../services/quoteService';
+import type { UpdateQuoteRequest } from '@/types/quote';
+
+interface EditQuoteParams {
+  quoteId: number;
+  data: UpdateQuoteRequest;
+}
+
+export const useEditQuote = () => {
+  return useMutation({
+    mutationFn: ({ quoteId, data }: EditQuoteParams) =>
+      quoteService.updateQuote(quoteId, data),
+  });
+};

frontend/src/api/Quote/useGetQuotes.ts

@@ -0,0 +1,10 @@
+import { useQuery } from '@tanstack/react-query';
+import { quoteService } from '../services/quoteService';
+import { QUERY_KEYS } from '@/constants/queryKeys';
+
+export const useGetQuotes = () => {
+  return useQuery({
+    queryKey: [QUERY_KEYS.QUOTES],
+    queryFn: () => quoteService.getQuotes(),
+  });
+};

frontend/src/api/Quote/usePostQuote.ts

@@ -0,0 +1,9 @@
+import { useMutation } from '@tanstack/react-query';
+import { quoteService } from '../services/quoteService';
+import type { CreateQuoteRequest } from '@/types/quote';
+
+export const usePostQuote = () => {
+  return useMutation({
+    mutationFn: (data: CreateQuoteRequest) => quoteService.createQuote(data),
+  });
+};

frontend/src/api/Quote/useQuoteDetail.ts

@@ -0,0 +1,11 @@
+import { useQuery } from '@tanstack/react-query';
+import { quoteService } from '../services/quoteService';
+import { QUERY_KEYS } from '@/constants/queryKeys';
+
+export const useQuoteDetail = (quoteId: number) => {
+  return useQuery({
+    queryKey: [QUERY_KEYS.QUOTE_DETAIL, quoteId],
+    queryFn: () => quoteService.getQuoteDetail(quoteId),
+    enabled: !!quoteId,
+  });
+};

frontend/src/api/core/queryConfig.ts

@@ -64,6 +64,9 @@ export const queryKeys = {
     HISTORY: (size?: number) => 
       size ? ['glossary', 'history', size] : ['glossary', 'history'] as const,
   },
+
+  QUOTES: ['quotes'] as const,
+  QUOTE_DETAIL: 'quote-detail' as const,
 
   PRODUCTS: {
     ALL: ['products'] as const,

frontend/src/api/services/quoteService.ts

@@ -0,0 +1,41 @@
+// Quote 관련 API 서비스
+
+import { client } from '../core/client';
+import { API_ENDPOINTS } from '@/config/api';
+import type { ApiResponse } from '@/types/api';
+import type {
+  Quote,
+  QuoteListResponse,
+  CreateQuoteRequest,
+  UpdateQuoteRequest,
+} from '@/types/quote';
+
+export const quoteService = {
+  // 견적서 생성
+  createQuote: async (data: CreateQuoteRequest): Promise<ApiResponse<null>> => {
+    return client.post(API_ENDPOINTS.QUOTES.BASE, data);
+  },
+
+  // 견적서 목록 조회
+  getQuotes: async (): Promise<ApiResponse<QuoteListResponse[]>> => {
+    return client.get(API_ENDPOINTS.QUOTES.BASE);
+  },
+
+  // 견적서 상세 조회
+  getQuoteDetail: async (quoteId: number): Promise<ApiResponse<Quote>> => {
+    return client.get(API_ENDPOINTS.QUOTES.DETAIL(quoteId));
+  },
+
+  // 견적서 수정
+  updateQuote: async (
+    quoteId: number,
+    data: UpdateQuoteRequest
+  ): Promise<ApiResponse<null>> => {
+    return client.put(API_ENDPOINTS.QUOTES.DETAIL(quoteId), data);
+  },
+
+  // 견적서 삭제
+  deleteQuote: async (quoteId: number): Promise<ApiResponse<null>> => {
+    return client.delete(API_ENDPOINTS.QUOTES.DETAIL(quoteId));
+  },
+};