hotfix: qa 10/01

packages/react-native/src/App.tsx

@@ -21,7 +21,9 @@ const queryClient = new QueryClient({
     },
     mutations: {
       onError: (err) => {
-        Sentry.captureException(err);
+        if (!__DEV__) {
+          Sentry.captureException(err);
+        }
         Alert.alert('오류가 발생했어요', '잠시뒤에 시도해보세요.');
       },
     },

packages/react-native/src/apis/mutations/useQuizSubmitMutation.ts

@@ -1,8 +1,9 @@
 import { useRef } from 'react';
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { City, Region } from '@/constants/CITY';
 import useAuthAxios from '../useAuthAxios';
 import { ServerResponse } from '@/types/response';
+import QUERY_KEYS from '@/constants/QUERY_KEYS';
 
 interface QuizSubmitRequestParams {
   id: number;
@@ -26,6 +27,7 @@ interface UseQuizSubmitMutationReturns {
 export default function useQuizSubmitMutation() {
   const ref = useRef({} as UseQuizSubmitMutationReturns);
   const authAxios = useAuthAxios();
+  const queryClient = useQueryClient();
 
   const submitAnswer = async ({ answer, id }: QuizSubmitRequestParams) => {
     const result = await authAxios.post<ServerResponse<QuizSubmitResponse>>(
@@ -36,6 +38,9 @@ export default function useQuizSubmitMutation() {
 
   const { mutateAsync, isPending } = useMutation({
     mutationFn: submitAnswer,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.MY_BADGES] });
+    },
   });
 
   ref.current.submitQuiz = mutateAsync;

packages/react-native/src/apis/queries/detail/useDetailQuery.ts

@@ -3,6 +3,7 @@ import QUERY_KEYS from '@/constants/QUERY_KEYS';
 import useAuthAxios from '@/apis/useAuthAxios';
 import { City, Region } from '@/constants/CITY';
 import { ServerResponse } from '@/types/response';
+import removeHTMLTag from '@/utils/removeHTMLTag';
 
 interface DetailResponse {
   contentId: string;
@@ -35,8 +36,8 @@ export default function useDetailQuery({
       `/api/spot/${id}?workId=${workId}`,
     );
     const originOverview = result.data.result.overview;
-    result.data.result.overview = originOverview.replace('<br>', '');
-    result.data.result.overview = originOverview.replace('</br>', '');
+    result.data.result.overview = removeHTMLTag(originOverview);
+
     return result.data.result;
   };
 

packages/react-native/src/apis/queries/spot/useSpotDetailQuery.ts

@@ -2,6 +2,7 @@ import { useQuery } from '@tanstack/react-query';
 import QUERY_KEYS from '@/constants/QUERY_KEYS';
 import useAuthAxios from '@/apis/useAuthAxios';
 import { ServerResponse } from '@/types/response';
+import removeHTMLTag from '@/utils/removeHTMLTag';
 
 interface UseSpotDetailQueryParams {
   id?: number;
@@ -31,6 +32,8 @@ export default function useSpotDetailQuery({ id }: UseSpotDetailQueryParams) {
     const result = await authAxios.get<ServerResponse<SpotResponse>>(
       `/api/around/${spotId}`,
     );
+    const originOverview = result.data.result.overview;
+    result.data.result.overview = removeHTMLTag(originOverview);
 
     return result.data.result;
   };

packages/react-native/src/components/tripPlan/TripPlanPostForm.tsx

@@ -9,6 +9,7 @@ import ImageSelect from '../common/ImageSelect';
 import useGallery from '@/hooks/useGallery';
 import useAddTripPlan from '@/apis/mutations/useAddTripPlan';
 import { getDateString } from '@/utils/date';
+import MutationLoadingModal from '../common/MutationLoadingModal';
 
 export default function TripPlanPostForm() {
   const {
@@ -21,7 +22,7 @@ export default function TripPlanPostForm() {
     setDate,
     validate,
   } = useTripPlanFormState();
-  const { mutate } = useAddTripPlan();
+  const { mutate, isPending } = useAddTripPlan();
 
   const { getPhoto } = useGallery();
 
@@ -47,6 +48,7 @@ export default function TripPlanPostForm() {
 
   return (
     <View className="flex flex-col flex-1 p-4 justify-between">
+      <MutationLoadingModal isSubmiting={isPending} />
       <View className="flex flex-col gap-4">
         <View>
           <RegionSelect />

packages/react-native/src/constants/CITY.ts

@@ -76,6 +76,7 @@ export enum City {
   SANGJU,
   MUNGYEONG,
   GYEONGSAN,
+  GUNWI,
   UISEONG,
   CHEONGSONG,
   YEONGYANG,
@@ -273,6 +274,7 @@ export const REGION = {
     상주: City.SANGJU,
     문경: City.MUNGYEONG,
     경산: City.GYEONGSAN,
+    군위: City.GUNWI,
     의성: City.UISEONG,
     청송: City.CHEONGSONG,
     영양: City.YEONGYANG,

packages/react-native/src/pages/TripPlanner/AddSchedule.tsx

@@ -96,7 +96,7 @@ export default function AddSchedule() {
                 {spotList.attraction.length > 0 && (
                   <>
                     <Font.Bold type="body1" color="white">
-                      나의 SPOT!
+                      담은 관광지
                     </Font.Bold>
                     <Spacing height={15} />
                   </>

packages/react-native/src/utils/removeHTMLTag.ts

@@ -0,0 +1,3 @@
+export default function removeHTMLTag(content: string) {
+  return content.replace('<br>', '').replace('</br>', '').replace('<br />', '');
+}