feat: 차량 정보 페이지 등록 기능 추가 #219

Kernel360 · Feb 29, 2024 · 5f38bab · 5f38bab
1 parent 77d574d
commit 5f38bab
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/app/car-details/hydrated-page.tsx b/src/app/car-details/hydrated-page.tsx
@@ -8,11 +8,13 @@ import { useForm } from 'react-hook-form';
 import CarColorPicker from '@components/additional-info/car-details/CarColorPicker';
 import CarDetails from '@components/additional-info/car-details/CarDetails';
 import DetailsLoading from '@components/additional-info/details-loading/DetailsLoading';
+import { ICarDetails } from '@remote/api/types/additional-info';
 import useCarColor from '@remote/queries/additional-info/car-details/useCarColor';
 import useCarDriving from '@remote/queries/additional-info/car-details/useCarDriving';
 import useCarParking from '@remote/queries/additional-info/car-details/useCarParking';
 import useCarSegment from '@remote/queries/additional-info/car-details/useCarSegment';
 import useCarType from '@remote/queries/additional-info/car-details/useCarType';
+import useRegisterCarDetails from '@remote/queries/additional-info/car-details/useRegisterCarDetails';
 import Header from '@shared/header/Header';
 import Loader from '@shared/loader/Loader';
 import ProgressBar from '@shared/progress-bar/ProgressBar';
@@ -24,7 +26,7 @@ function CarDetailsPage() {
   const { data: carColorData, isLoading: isCarColorLoading } = useCarColor();
   const { data: carDrivingData, isLoading: isCarDrivingLoading } = useCarDriving();
   const { data: carParkingData, isLoading: isCarParkingLoading } = useCarParking();
-
+  const { mutate } = useRegisterCarDetails();
   const [step, setStep] = useState(1);
 
   const {
@@ -38,9 +40,7 @@ function CarDetailsPage() {
 
   // eslint-disable-next-line @typescript-eslint/require-await
   const onSubmit = async () => {
-    onNext();
-    // TODO: 쿼리훅 제작 및 테스트
-    // console.log(getValues());
+    mutate({ ...getValues() as ICarDetails });
   };
 
   // TODO: Loader 컴포넌트 제작
@@ -60,7 +60,6 @@ function CarDetailsPage() {
     return null;
   }
 
-  // TODO: 헤더 아이콘 클릭 시 뒤로가기 기능 추가
   return (
     <>
       {step <= 5 && (

diff --git a/src/app/car-wash-details/hydrated-page.tsx b/src/app/car-wash-details/hydrated-page.tsx
@@ -7,9 +7,11 @@ import { useForm } from 'react-hook-form';
 
 import CarDetails from '@components/additional-info/car-details/CarDetails';
 import DetailsLoading from '@components/additional-info/details-loading/DetailsLoading';
+import { ICarWashDetails } from '@remote/api/types/additional-info';
 import useCarWashCost from '@remote/queries/additional-info/car-wash-details/useCarWashCost';
 import useCarWashFrequency from '@remote/queries/additional-info/car-wash-details/useCarWashFrequency';
 import useCarWashInterest from '@remote/queries/additional-info/car-wash-details/useCarWashInterest';
+import useRegisterCarWashDetails from '@remote/queries/additional-info/car-wash-details/useRegisterCarWashDetails';
 import Header from '@shared/header/Header';
 import Loader from '@shared/loader/Loader';
 import ProgressBar from '@shared/progress-bar/ProgressBar';
@@ -19,7 +21,7 @@ function CarWashDetailsPage() {
   const { data: carWashFrequencyData } = useCarWashFrequency();
   const { data: carWashCostData } = useCarWashCost();
   const { data: carWashInterestData } = useCarWashInterest();
-
+  const { mutate } = useRegisterCarWashDetails();
   const [step, setStep] = useState(1);
 
   const {
@@ -38,8 +40,7 @@ function CarWashDetailsPage() {
   // eslint-disable-next-line @typescript-eslint/require-await
   const onSubmit = async () => {
     onNext();
-    // TODO: 쿼리훅 제작
-    // console.log(getValues());
+    mutate({ ...getValues() as ICarWashDetails });
   };
 
   // TODO: Loader 컴포넌트 제작