fix: 베팅 포인트 수정 즉시 업데이트 되도록 수정

TEAM-MONGDOL · Aug 18, 2024 · 9c93549 · 9c93549
1 parent 68f6873
commit 9c93549
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 11 deletions.
diff --git a/src/app/(route)/(user)/(with-layout)/mypage/wk-history/page.tsx b/src/app/(route)/(user)/(with-layout)/mypage/wk-history/page.tsx
@@ -252,6 +252,7 @@ const UserWkHistoryPage = () => {
             {data.pages.map((page) =>
               page.applyInfoList.map((wkt) => (
                 <WorkationCard
+                  refetch={refetch}
                   applyId={wkt.applyId}
                   accountId={accountId}
                   reviewId={wkt.reviewId}

diff --git a/src/app/_components/user/mypage/UserWktCard.tsx b/src/app/_components/user/mypage/UserWktCard.tsx
@@ -31,6 +31,7 @@ interface WorkationCardProps {
   accountId?: string;
   applyId: number;
   onClick?: (applyStatusType: WorkationCardProps['applyStatusType']) => void;
+  refetch: () => void;
 }
 
 const WorkationCard = ({
@@ -50,6 +51,7 @@ const WorkationCard = ({
   waitingNumber = -1,
   applyId,
   onClick,
+  refetch,
 }: WorkationCardProps) => {
   const { textLabel, buttonText, textLabelClass, buttonStyle, buttonDisabled } =
     StatusConfig[applyStatusType];
@@ -75,9 +77,10 @@ const WorkationCard = ({
 
   const { mutate: patchBettingPoint } = usePatchBettingPointMutation({
     applyId,
-    successCallback: () => {
-      setCurrentBettingPoint(Number(newBettingPoint));
-      alert('베팅 포인트가 수정되었습니다.');
+    successCallback: (usedPoint) => {
+      alert(`베팅 포인트가 수정되었습니다.`);
+      setCurrentBettingPoint(usedPoint);
+      refetch?.();
     },
     errorCallback: (error) => {
       alert(`베팅 포인트 수정 실패 : ${error.message}`);

diff --git a/src/app/_hooks/user/useGetMyWktHistoryQuery.ts b/src/app/_hooks/user/useGetMyWktHistoryQuery.ts
@@ -52,5 +52,6 @@ export const useGetMyWktHistoryQuery = ({
             sort: pageable.sort,
           };
     },
+    refetchOnMount: true,
   });
 };
diff --git a/src/app/_hooks/user/usePatchBettingPointMutation.ts b/src/app/_hooks/user/usePatchBettingPointMutation.ts
@@ -8,28 +8,32 @@ export const usePatchBettingPointMutation = ({
   errorCallback,
 }: {
   applyId: number;
-  successCallback?: () => void;
+  successCallback?: (usedPoint: number) => void;
   errorCallback?: (error: Error) => void;
 }) => {
   const queryClient = useQueryClient();
+
   return useMutation({
     mutationFn: async ({ usedPoint }: { usedPoint: number }) => {
-      const res = await api.patch(`/api/apply/${applyId}`, {
-        usedPoint,
-      });
-      return res.data.data;
+      const res = await api.patch(`/api/apply/${applyId}`, { usedPoint });
+      return usedPoint; // 클라이언트에서 사용된 usedPoint 반환
     },
-    onSuccess: () => {
+    onSuccess: (usedPoint) => {
+      console.log('Updated usedPoint:', usedPoint);
       queryClient.invalidateQueries({
         queryKey: [useGetMyWktHistoryQueryKey, applyId],
       });
       queryClient.refetchQueries({
         queryKey: [useGetMyWktHistoryQueryKey, applyId],
       });
-      successCallback && successCallback();
+      if (successCallback) {
+        successCallback(usedPoint);
+      }
     },
     onError: (error: Error) => {
-      errorCallback && errorCallback(error);
+      if (errorCallback) {
+        errorCallback(error);
+      }
     },
   });
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -52,5 +52,6 @@ export const useGetMyWktHistoryQuery = ({ @@
                 sort: pageable.sort,
               };
         },
+        refetchOnMount: true,
       });
     };