콜백 서비스 완료대기 -> 완료 시 콜백 내역 refetch 되지 않던 문제 해결

src/pages/common/register/hooks/useRegister.ts

@@ -2,7 +2,7 @@ import { useNavigate } from 'react-router-dom';
 
 import { AxiosError } from 'axios';
 
-import { registerUser } from '../api';
+import { registerUser } from '../apis';
 import { SignupApiResponse } from '../types';
 import { RouterPath } from '@/app/routes/path';
 import { authStorage } from '@/shared/utils/storage';

src/pages/common/register/index.ts

@@ -3,4 +3,4 @@ export * from './data';
 export * from './components';
 export * from './types';
 export * from './hooks';
-export * from './api';
+export * from './apis';

src/pages/guard/guide-line/apis/index.ts

@@ -0,0 +1,5 @@
+export * from './view-specific-guideline.api';
+export * from './view-senior-all-guideline.api';
+export * from './modify-guideline.api';
+export * from './add-guideline.api';
+export * from './delete-guideline.api';

src/pages/guard/guide-line/hooks/useAddGuideline.ts

@@ -1,4 +1,4 @@
-import { addGuideline } from '../api/add-guideline.api';
+import { addGuideline } from '../apis/';
 import { AddGuidelineRequest } from '../types';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 

src/pages/guard/guide-line/hooks/useDeleteGuideline.ts

@@ -1,4 +1,4 @@
-import { deleteGuideline } from '../api';
+import { deleteGuideline } from '../apis';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 
 export const useDeleteGuideline = (

src/pages/guard/guide-line/hooks/useGetSeniorAllGuideines.ts

@@ -1,7 +1,7 @@
 import {
   getSeniorAllGuidelines,
   getSeniorAllGuidelinesQueryKey,
-} from '../api/view-senior-all-guideline.api';
+} from '../apis';
 import { SeniorAllGuideLineResponse } from '../types';
 import { useQuery } from '@tanstack/react-query';
 

src/pages/guard/guide-line/hooks/useGetViewSpecificGuideline.ts

@@ -1,7 +1,7 @@
 import {
-  getViewSpecificGuideline,
   getViewSpecificGuidelineQueryKey,
-} from '../api/view-specific-guideline.api';
+  getViewSpecificGuideline,
+} from '../apis';
 import { ViewSpecificGuidelineResponse } from '../types';
 import { useQuery } from '@tanstack/react-query';
 

src/pages/guard/guide-line/hooks/useModifyGuideline.ts

@@ -1,4 +1,4 @@
-import { modifyGuideline } from '../api/modify-guideline.api';
+import { modifyGuideline } from '../apis';
 import { ModifyGuidelineRequest } from '../types';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 

src/pages/guard/guide-line/index.ts

@@ -1,6 +1,6 @@
 export { GuideLinePage } from './ui';
 
-export * from './api';
+export * from './apis';
 export * from './components';
 export * from './data';
 export * from './hooks';

src/pages/guard/index.ts

@@ -1,6 +1,5 @@
 export * from './guide-line';
 export * from './mypage';
-// export * from './point';
 export * from './hello-call-apply';
 export * from './register';
 export * from './review';

src/pages/guard/mypage/apis/index.ts

@@ -0,0 +1,2 @@
+export * from './guard-information.api';
+export * from './all-senior-info.api';

src/pages/guard/mypage/hooks/useGetAllSeniorInfo.ts

@@ -1,7 +1,4 @@
-import {
-  allSeniorInfoPath,
-  getAllSeniorInfo,
-} from '../api/all-senior-info.api';
+import { allSeniorInfoPath, getAllSeniorInfo } from '../apis';
 import { AllSeniorInfoResponse } from '../types';
 import { useQuery } from '@tanstack/react-query';
 

src/pages/guard/mypage/hooks/useGetGuardInformation.ts

@@ -1,5 +1,4 @@
-import { getGuardInformation } from '../api';
-import { guardInformationPath } from '../api/guard-information.api';
+import { getGuardInformation, guardInformationPath } from '../apis';
 import { GuardInformationResponse } from '../types';
 import { useQuery } from '@tanstack/react-query';
 

src/pages/guard/mypage/hooks/useModifyGuardInfo.ts

@@ -1,4 +1,5 @@
-import { GuardInformationRequest, modifyGuardInformation } from '../';
+import { modifyGuardInformation } from '../apis';
+import { GuardInformationRequest } from '../types';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 
 // 본인 정보 수정

src/pages/guard/mypage/index.ts

@@ -1,5 +1,5 @@
 export * from './ui';
 export * from './components';
-export * from './api';
+export * from './apis';
 export * from './hooks';
 export * from './types';

src/pages/guard/register/apis/index.ts

@@ -0,0 +1 @@
+export * from './senior-info.api';

src/pages/guard/register/hooks/useAddSeniorInfo.ts

@@ -1,6 +1,6 @@
 import { AxiosError } from 'axios';
 
-import { addSeniorInfo } from '../api';
+import { addSeniorInfo } from '../apis';
 import { SeniorRegisterRequest } from '../types';
 import { useMutation } from '@tanstack/react-query';
 

src/pages/guard/register/hooks/useDeleteSeniorInfo.ts

@@ -1,4 +1,4 @@
-import { deleteSeniorInfo } from '../api';
+import { deleteSeniorInfo } from '../apis';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 
 // 시니어 삭제 훅

src/pages/guard/register/hooks/useEditSeniorInfo.ts

@@ -1,4 +1,4 @@
-import { editSeniorInfo } from '../api';
+import { editSeniorInfo } from '../apis';
 import { SeniorRegisterRequest } from '../types';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 

src/pages/guard/register/index.ts

@@ -1,5 +1,5 @@
 export * from './ui';
 export * from './components';
 export * from './data';
-export * from './api';
+export * from './apis';
 export * from './hooks';

src/pages/guard/review/hooks/usePostReview.ts

@@ -1,4 +1,4 @@
-import { postReview } from '../api';
+import { postReview } from '../apis';
 import { ReviewRequest } from '../types';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 

src/pages/guard/review/index.ts

@@ -1,3 +1,3 @@
 export * from './ui';
-export * from './api';
+export * from './apis';
 export * from './hooks';

src/pages/guard/service-history/hooks/useCompleteCallback.ts

@@ -1,19 +1,14 @@
-import { completeCallback, getCallbackHistoryQueryKey } from '../apis';
-import { queryClient } from '@/shared';
+import { completeCallback } from '../apis';
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
 
-export const useCompleteCallback = (): UseMutationResult<
-  string,
-  Error,
-  number
-> => {
+export const useCompleteCallback = (
+  refetch: () => void
+): UseMutationResult<string, Error, number> => {
   return useMutation({
     mutationFn: (callbackId: number) => completeCallback(callbackId),
-    onSuccess: () => {
+    onSuccess: async () => {
       alert('콜백 서비스를 완료 처리하였습니다.');
-      queryClient.invalidateQueries({
-        queryKey: getCallbackHistoryQueryKey(1),
-      });
+      refetch();
     },
     onError: (error: Error) => {
       console.error(error);

src/pages/guard/service-history/hooks/useHistoryData.ts

@@ -1,15 +1,14 @@
 import { useGetCallbackHistory, useGetHelloHistoryList } from '../hooks';
 
 export const useHistoryData = (currentPage: number, pageSize: number) => {
-  const { data: callbackHistory } = useGetCallbackHistory(
-    currentPage,
-    pageSize
-  );
+  const { data: callbackHistory, refetch: refetchCallback } =
+    useGetCallbackHistory(currentPage, pageSize);
   const { data: helloCallHistory, refetch } = useGetHelloHistoryList();
 
   return {
     callbackHistory,
     helloCallHistory,
     refetch,
+    refetchCallback,
   };
 };

src/pages/guard/service-history/hooks/useServiceStatus.ts

@@ -1,8 +1,9 @@
-import { useCompleteCallback } from '../hooks';
+import { useCompleteCallback, useHistoryData } from '../hooks';
 import { CallbackHistory } from '../types';
 
 export const useServiceStatus = (historyData: CallbackHistory) => {
-  const completeCallbackMutation = useCompleteCallback();
+  const { refetchCallback } = useHistoryData(0, 20);
+  const completeCallbackMutation = useCompleteCallback(refetchCallback);
 
   const serviceStatus = () => {
     if (historyData.status === 'COMPLETE') {

src/pages/sinitto/mypage/hooks/useSinittoInfo.ts

@@ -4,7 +4,7 @@ import {
   modifySinittoBankInformation,
   modifySinittoInformation,
   registerSinittoBankInformation,
-} from '../api/sinitto-information.api';
+} from '../apis';
 import {
   SinittoBankInfo,
   SinittoInfoRequest,

src/pages/sinitto/mypage/index.ts

@@ -1,5 +1,5 @@
 export * from './components';
-export * from './api';
+export * from './apis';
 export * from './data';
 export * from './hooks';
 export * from './ui';