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

Author: Heeeera

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 = () => {

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 = () => {

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) => {

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 = () => {

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}

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 && (

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 (

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 (

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 });
     },
   };
 };

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) => {