[#188] Fix: 뒤로가기 제어 (#189)

BoardSignal · Mar 21, 2024 · 8867af2 · 8867af2
1 parent a01b432
commit 8867af2
Show file tree

Hide file tree

Showing 12 changed files with 21 additions and 13 deletions.
diff --git a/src/components/UserProfile/index.tsx b/src/components/UserProfile/index.tsx
@@ -67,7 +67,7 @@ const UserProfile = ({
     queryClient.invalidateQueries({
       queryKey: [GATHERING_DETAIL_QUERY_KEY, gatheringId],
     });
-    navigate(`${GATHERINGS_PAGE_URL}/${gatheringId}/0`);
+    navigate(`${GATHERINGS_PAGE_URL}/${gatheringId}/0`, { replace: true });
   };
 
   const handleKickParticipant = () => {

diff --git a/src/pages/CreateBoardGameTip/index.tsx b/src/pages/CreateBoardGameTip/index.tsx
@@ -20,7 +20,7 @@ const CreateBoardGameTipPage = () => {
 
   const handleCloseModal = () => {
     setIsModalOpen(false);
-    navigate(`${BOARD_GAMES_PAGE_URL}/${boardGameId}`);
+    navigate(`${BOARD_GAMES_PAGE_URL}/${boardGameId}`, { replace: true });
   };
 
   const handleOpenModal = () => {

diff --git a/src/pages/GatheringCreate/index.tsx b/src/pages/GatheringCreate/index.tsx
@@ -23,7 +23,9 @@ const GatheringCreatePage = () => {
 
   const handleCloseModal = () => {
     setIsModalOpen(false);
-    navigate(`${GATHERINGS_PAGE_URL}/${createdGatheringId}/0`);
+    navigate(`${GATHERINGS_PAGE_URL}/${createdGatheringId}/0`, {
+      replace: true,
+    });
   };
 
   const handleCreateGathering = (gatheringId: number) => {

diff --git a/src/pages/GatheringDetail/components/GatheringButton/index.tsx b/src/pages/GatheringDetail/components/GatheringButton/index.tsx
@@ -118,7 +118,7 @@ const DeleteGatheringButton = ({ gatheringId }: GatheringIdProps) => {
 
   const handleCloseIsSuccessModal = () => {
     setIsSuccessModalOpen(false);
-    navigate('/');
+    navigate('/', { replace: true });
   };
 
   const handleOpenIsSuccessModal = () => {

diff --git a/src/pages/GatheringDetail/components/TabMenu/index.tsx b/src/pages/GatheringDetail/components/TabMenu/index.tsx
@@ -25,7 +25,9 @@ const TabMenu = ({ tabs }: TabMenuProps) => {
             'text-gray-accent4': tabIndex !== String(index),
           })}
           onClick={() =>
-            navigate(`${GATHERINGS_PAGE_URL}/${gatheringId}/${index}`)
+            navigate(`${GATHERINGS_PAGE_URL}/${gatheringId}/${index}`, {
+              replace: true,
+            })
           }
         >
           {tab}

diff --git a/src/pages/GatheringDetail/index.tsx b/src/pages/GatheringDetail/index.tsx
@@ -35,11 +35,15 @@ const GatheringDetailPage = () => {
     ? participantResponse.some(({ userId }) => userId === data.id)
     : false;
 
+  const goToGatheringListPage = () => {
+    navigate('/');
+  };
+
   return (
     <div className='flex h-full flex-col'>
       <TabBar.Container>
         <TabBar.Left>
-          <TabBar.GoBackButton />
+          <TabBar.GoBackButton onClick={goToGatheringListPage} />
         </TabBar.Left>
         <TabBar.Right>
           {isParticipation && (

diff --git a/src/pages/GatheringFix/index.tsx b/src/pages/GatheringFix/index.tsx
@@ -23,7 +23,7 @@ const GatheringFixPage = () => {
 
   const handleCloseModal = () => {
     setIsModalOpen(false);
-    navigate(`${GATHERINGS_PAGE_URL}/${gatheringId}/0`);
+    navigate(`${GATHERINGS_PAGE_URL}/${gatheringId}/0`, { replace: true });
   };
 
   return (

diff --git a/src/pages/GatheringUnfix/index.tsx b/src/pages/GatheringUnfix/index.tsx
@@ -28,7 +28,7 @@ const GatheringUnfixPage = () => {
 
   const handleCloseModal = () => {
     setIsModalOpen(false);
-    navigate(`${GATHERINGS_PAGE_URL}/${gatheringId}/0`);
+    navigate(`${GATHERINGS_PAGE_URL}/${gatheringId}/0`, { replace: true });
   };
 
   return (

diff --git a/src/pages/Profile/hooks/useLogout.ts b/src/pages/Profile/hooks/useLogout.ts
@@ -11,7 +11,7 @@ export const useLogout = () => {
     logoutApi: async () => {
       await api();
       localStorage.removeItem(STORAGE_KEY_ACCESS_TOKEN);
-      navigate('/');
+      navigate('/', { replace: true });
     },
   };
 };
diff --git a/src/pages/ProfileEdit/index.tsx b/src/pages/ProfileEdit/index.tsx
@@ -20,7 +20,7 @@ const ProfileEdit = () => {
 
   const handleCloseModal = () => {
     setIsModalOpen(false);
-    navigate(`/users/${userId}`);
+    navigate(`/users/${userId}`, { replace: true });
   };
 
   const handleProfileEdit = (userId: number) => {

diff --git a/src/pages/Register/index.tsx b/src/pages/Register/index.tsx
@@ -19,7 +19,7 @@ const RegisterPage = () => {
   useEffect(() => {
     if (isJoined) {
       showErrorToast(IS_SIGN_UP_USER_MESSAGE);
-      navigate('/');
+      navigate('/', { replace: true });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -30,7 +30,7 @@ const RegisterPage = () => {
 
   const handleCloseModal = () => {
     setIsModalOpen(false);
-    navigate('/');
+    navigate('/', { replace: true });
   };
 
   return (

diff --git a/src/pages/ReviewCreate/index.tsx b/src/pages/ReviewCreate/index.tsx
@@ -23,7 +23,7 @@ const ReviewCreate = () => {
 
   const handleCloseModal = () => {
     setIsModalOpen(false);
-    navigate(ROOMS_MY_END_GAMES_API_URL);
+    navigate(ROOMS_MY_END_GAMES_API_URL, { replace: true });
   };
 
   const handleReviewCreate = () => {