From f60d31bd3a24dcf8a6cbf9e84ea0e0ee7c61c97d Mon Sep 17 00:00:00 2001
From: sonagi98 <ubini01@gmail.com>
Date: Mon, 24 Jul 2023 15:18:32 +0900
Subject: [PATCH] =?UTF-8?q?feat=20/=20=EA=B3=84=EC=A0=95=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C=20=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/MyPage/MyPage.tsx            |  2 ++
 client/src/pages/MyPage/Reviews/MyReviews.tsx |  2 +-
 client/src/pages/MyPage/UI/deleteUserBtn.tsx  | 36 +++++++++++++++++++
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 client/src/pages/MyPage/UI/deleteUserBtn.tsx

diff --git a/client/src/pages/MyPage/MyPage.tsx b/client/src/pages/MyPage/MyPage.tsx
index 2cec18f..85c6182 100644
--- a/client/src/pages/MyPage/MyPage.tsx
+++ b/client/src/pages/MyPage/MyPage.tsx
@@ -3,6 +3,7 @@ import axios from 'axios';
 import MyBookmarks from './Bookmarks/MyBookmarks';
 import MyReviews from './Reviews/MyReviews';
 import UserInfo from './UserInfo/UserInfo';
+import DeleteUserBtn from './UI/deleteUserBtn';
 import { User } from './assets/types/User';
 
 const MyPage = () => {
@@ -47,6 +48,7 @@ const MyPage = () => {
       <UserInfo info={user} />
       <MyBookmarks id={user.memberId} />
       <MyReviews reviewCounter={user.reviews} setReviewCount={setReviewCounter} />
+      <DeleteUserBtn id={user.memberId} />
     </div>
   );
 };
diff --git a/client/src/pages/MyPage/Reviews/MyReviews.tsx b/client/src/pages/MyPage/Reviews/MyReviews.tsx
index bc6ddf1..6d25f7c 100644
--- a/client/src/pages/MyPage/Reviews/MyReviews.tsx
+++ b/client/src/pages/MyPage/Reviews/MyReviews.tsx
@@ -15,7 +15,7 @@ const MyReviews = ({ reviewCounter, setReviewCount }: MyReviewProps) => {
     const fetchReviews = async () => {
       try {
         const res = await axios.get(
-          'http://ec2-54-180-85-209.ap-northeast-2.compute.amazonaws.com:8080/members/reviews?page=0'
+          'http://ec2-54-180-85-209.ap-northeast-2.compute.amazonaws.com:8080/members/reviews?page=1'
         );
         if (res.status === 200) {
           const data = res.data;
diff --git a/client/src/pages/MyPage/UI/deleteUserBtn.tsx b/client/src/pages/MyPage/UI/deleteUserBtn.tsx
new file mode 100644
index 0000000..e4374a8
--- /dev/null
+++ b/client/src/pages/MyPage/UI/deleteUserBtn.tsx
@@ -0,0 +1,36 @@
+import axios from 'axios';
+
+interface DeleteBtnProps {
+  id: number;
+}
+
+const DeleteUserBtn = ({ id }: DeleteBtnProps) => {
+  const deleteUser = async () => {
+    try {
+      const res = await axios.delete(
+        `http://ec2-54-180-85-209.ap-northeast-2.compute.amazonaws.com:8080/members/${id}`
+      );
+      if (res.status === 200) {
+        console.log('user deleted');
+      } else {
+        console.log('failed to delete user:', res);
+      }
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
+  const handleBtnClick = () => {
+    deleteUser();
+  };
+
+  return (
+    <div>
+      <button className="px-12 py-4" onClick={handleBtnClick}>
+        회원 탈퇴
+      </button>
+    </div>
+  );
+};
+
+export default DeleteUserBtn;