fix: UserDeleteModal move in page level

Myongji-Graduate · Sep 26, 2024 · 2b2b75e · 2b2b75e
1 parent c132ad4
commit 2b2b75e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/app/(sub-page)/components/navigation-bar.tsx b/app/(sub-page)/components/navigation-bar.tsx
@@ -6,6 +6,7 @@ import UserInfoNavigator from '@/app/ui/user/user-info-navigator/user-info-navig
 import SignButtonGroup from '@/app/ui/user/user-info-navigator/sign-button-group';
 import Link from 'next/link';
 import NavigationItems from './navigation-items';
+import UserDeleteModal from '@/app/ui/user/user-info-navigator/user-delete-modal';
 
 export default function NavigationBar() {
   return (
@@ -19,6 +20,7 @@ export default function NavigationBar() {
       <Responsive minWidth={1024}>
         <NavigationItems />
       </Responsive>
+      <UserDeleteModal />
     </div>
   );
 }
diff --git a/app/(sub-page)/my/page.tsx b/app/(sub-page)/my/page.tsx
@@ -10,6 +10,7 @@ import SignButtonGroup from '@/app/ui/user/user-info-navigator/sign-button-group
 import ContentContainer from '@/app/ui/view/atom/content-container/content-container';
 import TakenLectureSkeleton from '@/app/ui/lecture/taken-lecture/taken-lecture.skeleton';
 import type { Metadata } from 'next';
+import UserDeleteModal from '@/app/ui/user/user-info-navigator/user-delete-modal';
 
 export const metadata: Metadata = {
   title: '마이페이지',
@@ -50,6 +51,7 @@ export default function MyPage() {
       <Drawer drawerKey={DIALOG_KEY.LECTURE_SEARCH}>
         <LectureSearch />
       </Drawer>
+      <UserDeleteModal />
     </>
   );
 }
diff --git a/app/ui/user/user-info-navigator/user-delete-button.tsx b/app/ui/user/user-info-navigator/user-delete-button.tsx
@@ -2,7 +2,6 @@
 import Button from '../../view/atom/button/button';
 import { DIALOG_KEY } from '@/app/utils/key/dialog-key.util';
 import useDialog from '@/app/hooks/useDialog';
-import UserDeleteModal from './user-delete-modal';
 
 export default function UserDeleteButton() {
   const { open: userDeleteDialogOpen } = useDialog(DIALOG_KEY.USER_DELETE);
@@ -13,10 +12,5 @@ export default function UserDeleteButton() {
     userDeleteDialogOpen();
   };
 
-  return (
-    <>
-      <Button onClick={handleModalToggle} size="sm" variant="text" label="회원탈퇴하기" />
-      <UserDeleteModal />
-    </>
-  );
+  return <Button onClick={handleModalToggle} size="sm" variant="text" label="회원탈퇴하기" />;
 }