merge: Record post, 여행기록 post api연동 (#66)

TRIP-SPOT · Sep 23, 2024 · 3b4ce70 · 3b4ce70
2 parents e192037 + a3c2e8c
commit 3b4ce70
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 9 deletions.
diff --git a/packages/react-native/src/apis/mutations/useAddTripPlan.ts b/packages/react-native/src/apis/mutations/useAddTripPlan.ts
@@ -1,10 +1,11 @@
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { Asset } from 'react-native-image-picker';
 import { useNavigation } from '@react-navigation/native';
 import useAuthAxios from '../useAuthAxios';
 import { City, Region } from '@/constants/CITY';
 import CustomForm from '@/utils/CustomForm';
 import { StackNavigation } from '@/types/navigation';
+import QUERY_KEYS from '@/constants/QUERY_KEYS';
 
 interface PlanInfo {
   region: Region;
@@ -21,18 +22,21 @@ interface AddTripPlanProps {
 export default function useAddTripPlan() {
   const navigate = useNavigation<StackNavigation<'TripPlanner/Post'>>();
   const authAxios = useAuthAxios();
+  const queryClient = useQueryClient();
 
   const addTripPlan = async ({ planInfo, image }: AddTripPlanProps) => {
     const customForm = new CustomForm();
-    customForm.append('schedule', JSON.stringify(planInfo));
+    Object.entries(planInfo).forEach(([key, value]) => {
+      customForm.append(key, value);
+    });
+
     customForm.appendImage('image', image);
 
     const response = await authAxios.post(
       '/api/schedule',
       customForm.getForm(),
       {
         headers: { 'Content-Type': 'multipart/form-data' },
-        transformRequest: (data) => data,
       },
     );
 
@@ -41,7 +45,10 @@ export default function useAddTripPlan() {
 
   return useMutation({
     mutationFn: addTripPlan,
-    onSuccess: () => {
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: [QUERY_KEYS.TRIP_PLANS],
+      });
       navigate.navigate('TripPlanner/Main');
     },
   });

diff --git a/packages/react-native/src/apis/mutations/useRecordMutation.ts b/packages/react-native/src/apis/mutations/useRecordMutation.ts
@@ -67,7 +67,7 @@ export default function useRecordMutation({
       });
 
       requestParams.images.forEach((image) => {
-        customForm.appendImage('image', image);
+        customForm.appendImage('images', image);
       });
 
       await authAxios.post('/api/record', customForm.getForm(), {

diff --git a/packages/react-native/src/components/maps/RecordPostForm.tsx b/packages/react-native/src/components/maps/RecordPostForm.tsx
@@ -59,8 +59,8 @@ export default function RecordPostForm() {
         description,
         region: REGION_MAPPER[params.location],
         city: selectedCity?.value,
-        startDate: date.start.toISOString(),
-        endDate: date.end.toISOString(),
+        startDate: date.start.toISOString().replace('.000Z', ''),
+        endDate: date.end.toISOString().replace('.000Z', ''),
       },
       images: imageAssets,
     });

diff --git a/packages/react-native/src/components/tripPlan/TripPlanPostForm.tsx b/packages/react-native/src/components/tripPlan/TripPlanPostForm.tsx
@@ -8,6 +8,7 @@ import CalendarIcon from '@/assets/CalendarIcon';
 import ImageSelect from '../common/ImageSelect';
 import useGallery from '@/hooks/useGallery';
 import useAddTripPlan from '@/apis/mutations/useAddTripPlan';
+import { getDateString } from '@/utils/date';
 
 export default function TripPlanPostForm() {
   const {
@@ -37,8 +38,8 @@ export default function TripPlanPostForm() {
     const planInfo = {
       region: region.value,
       city: selectedCity.value,
-      startDate: date.start.toISOString(),
-      endDate: date.end.toISOString(),
+      startDate: getDateString(date.start),
+      endDate: getDateString(date.end),
     };
 
     mutate({ planInfo, image });