From aae82b0916da71adb056c20b936d3c306cc38a39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=86=8C=EC=9A=B8=EC=B9=98=ED=82=A8?=
 <90738604+soulchicken@users.noreply.github.com>
Date: Mon, 23 Oct 2023 23:46:50 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20=EA=B0=9C=EC=9D=B8=20=ED=94=84=EB=A1=9C?=
 =?UTF-8?q?=ED=95=84=20=EC=88=98=EC=A0=95=EC=9D=80=20=EC=95=84=EC=A7=81=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B3=B5=EB=90=98=EC=A7=80=20=EC=95=8A=EC=9C=BC?=
 =?UTF-8?q?=EB=AF=80=EB=A1=9C=20=EB=A7=89=EC=95=84=EB=86=93=EC=9D=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/profile/UserRouteButtons.tsx | 37 +++++++++++++++------
 src/pages/profile/index.tsx                 |  1 -
 2 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/components/profile/UserRouteButtons.tsx b/src/components/profile/UserRouteButtons.tsx
index a9eeecb..de55516 100644
--- 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
index d6ecf8f..6831682 100644
--- 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 (
     <>