From 29b98a3b26a91ab9aa89b1d0ca084e5969514f74 Mon Sep 17 00:00:00 2001
From: clice lee <cliceleee@gmail.com>
Date: Tue, 23 Jul 2024 19:42:57 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=A7=88=EC=9D=B4=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EB=9D=BC=EC=9A=B0=ED=84=B0=20=EC=97=B0=EA=B2=B0=20?=
 =?UTF-8?q?-=ED=94=84=EB=A1=9C=ED=95=84=20=ED=8E=B8=EC=A7=91=20=EB=9D=BC?=
 =?UTF-8?q?=EC=9A=B0=ED=84=B0=20=EC=97=B0=EA=B2=B0=20-=EB=A1=9C=EA=B7=B8?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=EC=8B=9C=20=ED=99=88=20=ED=99=94=EB=A9=B4?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=97=B0=EA=B2=B0=20-=EB=82=B4=EA=B0=80?=
 =?UTF-8?q?=EB=A7=8C=EB=93=A0=20=ED=86=A0=EB=A1=A0=20=ED=81=B4=EB=A6=AD?=
 =?UTF-8?q?=EC=8B=9C=20debate=EB=A1=9C=20=EC=97=B0=EA=B2=B0=20-=EB=82=B4?=
 =?UTF-8?q?=EA=B0=80=20=EC=B0=B8=EC=97=AC=ED=95=9C=20=ED=86=A0=EB=A1=A0=20?=
 =?UTF-8?q?=ED=81=B4=EB=A6=AD=EC=8B=9C=20participated-debates=EB=A1=9C=20?=
 =?UTF-8?q?=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.tsx                |  2 ++
 src/pages/MyPage/MyPage.tsx | 28 ++++++++++++++++++++++++----
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index 9c6478e..82713f3 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -11,6 +11,7 @@ import DebatePage from './pages/HistoryPage/Debate';
 import RankingPage from './pages/RankingPage/RankingPage';
 import PwdChangePage from './pages/ChangeInfoPage/PwdChangePage';
 import MyPage from './pages/MyPage/MyPage';
+import ProfileEditPage from './pages/ChangeInfoPage/ProfileEditPage';
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <BrowserRouter>
@@ -24,6 +25,7 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
         <Route path="/ranking" element={<RankingPage />} />
         <Route path="/change-password" element={<PwdChangePage />} />
         <Route path="/my-page" element={<MyPage />} />
+        <Route path="/profile-edit" element={<ProfileEditPage />} />
 
       </Routes>
     </BrowserRouter>
diff --git a/src/pages/MyPage/MyPage.tsx b/src/pages/MyPage/MyPage.tsx
index 5a06700..b1a9224 100644
--- a/src/pages/MyPage/MyPage.tsx
+++ b/src/pages/MyPage/MyPage.tsx
@@ -1,8 +1,28 @@
 import React from 'react';
 import alarm from '../../assets/images/ic_alarm.svg';
 import profile from '../../assets/images/ic_profile.svg';
+import { useNavigate } from 'react-router-dom';
 
 const MyPage: React.FC = () => {
+    const navigate = useNavigate();
+
+    const handleProfileEditClick = () => {
+      navigate('/profile-edit');
+    };
+  
+    const handleLogoutClick = () => {
+      // 로그아웃 로직 추가
+      navigate('/');
+    };
+  
+    const handleDebateClick = () => {
+      navigate('/debate');
+    };
+  
+    const handleParticipatedDebatesClick = () => {
+      navigate('/participated-debates');
+    };
+  
     return (
         <div className="w-[390px] flex flex-col items-center mx-auto">
             <header className="w-full flex justify-between items-center py-4">
@@ -14,16 +34,16 @@ const MyPage: React.FC = () => {
                 <h2 className="text-[20px] text-black font-pretendard font-bold leading-[24px] mt-3">김잇픽</h2>
                 <p className="text-[14px] text-gray3 mt-1">kimitpick@gmail.com</p>
                 <div className="flex gap-8 mt-5">
-                    <button className="bg-point500 text-[16px] text-white font-pretendard font-semibold px-12 py-3 rounded-xl">프로필 편집</button>
-                    <button className="bg-point100 text-[16px] text-point500 font-pretendard font-semibold px-12 py-3 rounded-xl">로그아웃</button>
+                    <button className="bg-point500 text-[16px] text-white font-pretendard font-semibold px-12 py-3 rounded-xl cursor-pointer" onClick={handleProfileEditClick}>프로필 편집</button>
+                    <button className="bg-point100 text-[16px] text-point500 font-pretendard font-semibold px-12 py-3 rounded-xl cursor-pointer" onClick={handleLogoutClick}>로그아웃</button> 
                 </div>
             </div>
             <div className="w-full h-3 bg-gray1 mt-8"></div>
             <div className="w-full">
                 <div className="ml-6 my-2">
                     <h3 className="text-[16px] text-black font-pretendard font-bold py-3">히스토리</h3>
-                    <p className="text-[16px] text-black font-pretendard font-normal py-3">내가 만든 토론</p>
-                    <p className="text-[16px] text-black font-pretendard font-normal py-3">내가 참여한 토론</p>
+                    <p className="text-[16px] text-black font-pretendard font-normal py-3 cursor-pointer" onClick={handleDebateClick}>내가 만든 토론</p> 
+                    <p className="text-[16px] text-black font-pretendard font-normal py-3 cursor-pointer" onClick={handleParticipatedDebatesClick}>내가 참여한 토론</p>  
                 </div>
                 <div className="w-full h-0.5 bg-gray1"></div>
                 <div className="ml-6 mt-2">