Feat: 개인 프로필 수정은 아직 제공되지 않으므로 막아놓음

TeamATM · Oct 23, 2023 · 574be24 · 574be24
1 parent 88472bb
commit 574be24
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 12 deletions.
diff --git a/src/components/profile/UserRouteButtons.tsx b/src/components/profile/UserRouteButtons.tsx
@@ -1,10 +1,14 @@
 import { css } from '@emotion/react';
 import color from '@/styles/color';
 import { signOut } from 'next-auth/react';
+import Toast from '@/components/common/toast/Toast';
+import { useState } from 'react';
 import LogOutIcon from '../icons/LogoutIcon';
 import ProfileSettingIcon from '../icons/ProfileSettingIcon';
 
 const ProfileRouteButtons = () => {
+  const [toastMessage, setToastMessage] = useState('');
+
   // TODO: 미들웨어로 로그인 여부를 컨트롤할 예정
   // TODO: 백엔드 로그아웃 로직이 변경되고 있는 중이라 아직 쓸 수 없는 코드가 있음
   // const { data: session }: any = useSession();
@@ -14,20 +18,31 @@ const ProfileRouteButtons = () => {
   };
 
   const profileEditHandler = () => {
-    console.log(1);
+    setToastMessage('개인 프로필 수정은 추후에 제공될 예정입니다. :)');
+  };
+
+  const handleToastClose = () => {
+    setToastMessage('');
   };
 
   return (
-    <div css={ButtonsWrapperCSS}>
-      <button onClick={profileEditHandler} css={buttonCSS} type="button">
-        <ProfileSettingIcon color={color.black} />
-        Profile Edit
-      </button>
-      <button onClick={signOutHandler} css={buttonCSS} type="button">
-        <LogOutIcon color={color.black} />
-        Log Out
-      </button>
-    </div>
+    <>
+      <div css={ButtonsWrapperCSS}>
+        <button onClick={profileEditHandler} css={buttonCSS} type="button">
+          <ProfileSettingIcon color={color.black} />
+          Profile Edit
+        </button>
+        <button onClick={signOutHandler} css={buttonCSS} type="button">
+          <LogOutIcon color={color.black} />
+          Log Out
+        </button>
+      </div>
+      {
+        toastMessage
+          ? <Toast message={toastMessage} handleClose={handleToastClose} />
+          : null
+      }
+    </>
   );
 };
 

diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx
@@ -9,7 +9,6 @@ import UserRouteButtons from '@/components/profile/UserRouteButtons';
 
 const Profile = () => {
   const { data: session }: any = useSession();
-  console.log(session);
 
   return (
     <>