From f8a40e62eaff4c773d86a072a46750900cd02455 Mon Sep 17 00:00:00 2001
From: "[K777agent]" <[junzang00@gmail.com]>
Date: Mon, 14 Oct 2024 17:39:35 +0900
Subject: [PATCH 1/2] =?UTF-8?q?Fix:=20=EB=82=B4=EC=B2=B4=ED=97=98=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/containers/myactivites/Myactivites.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/containers/myactivites/Myactivites.tsx b/src/containers/myactivites/Myactivites.tsx
index 1590877..2c96375 100644
--- a/src/containers/myactivites/Myactivites.tsx
+++ b/src/containers/myactivites/Myactivites.tsx
@@ -60,7 +60,7 @@ function MyActivities() {
         <h1 className="font-pretendard text-[32px] font-bold leading-[42px]">
           내 체험 관리
         </h1>
-        <Link href="/myactivities/activity-registration">
+        <Link href="/myactivities/register">
           <Button size={'small'}>체험 등록하기</Button>
         </Link>
       </div>

From 16b359140285bba6abee7ff0569088d2705a7e62 Mon Sep 17 00:00:00 2001
From: "[K777agent]" <[junzang00@gmail.com]>
Date: Fri, 18 Oct 2024 05:10:44 +0900
Subject: [PATCH 2/2] =?UTF-8?q?Fix:=20=EB=82=B4=EC=B2=B4=ED=97=98=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/containers/myactivites/Myactivites.tsx | 35 +++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/src/containers/myactivites/Myactivites.tsx b/src/containers/myactivites/Myactivites.tsx
index 2c96375..a810850 100644
--- a/src/containers/myactivites/Myactivites.tsx
+++ b/src/containers/myactivites/Myactivites.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import axiosInstance from '@/services/axios';
 import MenuDropDown from '@/components/Dropdown/MenuDropdown';
 import ReservationCard from '@/components/myreservations';
 import { ActivitiesData, IActivity } from '@/types/activity';
@@ -9,6 +10,8 @@ import { useInfiniteQuery } from '@tanstack/react-query';
 import Link from 'next/link';
 import { useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { useRouter } from 'next/router';
 
 function MyActivities() {
   const { ref, inView } = useInView();
@@ -38,6 +41,32 @@ function MyActivities() {
     },
   });
 
+  const router = useRouter();
+  const { id } = router.query;
+
+  const deleteActivity = async (id: any) => {
+    const response = await axiosInstance.delete(`/my-activities/${id}`);
+    return response.data;
+  };
+
+  const deleteMutation = useMutation({
+    mutationFn: () => deleteActivity(id),
+    onSuccess: () => {
+      alert('성공');
+    },
+    onError: () => {
+      alert('실패');
+    },
+  });
+
+  const handleDelete = () => {
+    deleteMutation.mutate();
+  };
+
+  const handleEdit = () => {
+    router.push(`/register`);
+  };
+
   useEffect(() => {
     if (inView && hasNextPage) {
       fetchNextPage();
@@ -79,7 +108,11 @@ function MyActivities() {
               getRating={(activity: IActivity) => activity.rating}
               getReviewCount={(activity: IActivity) => activity.reviewCount}
               getPrice={(activity: IActivity) => activity.price}
-            ></ReservationCard>
+            >
+              {(_reservation: IActivity) => (
+                <MenuDropDown onDelete={handleDelete} onEdit={handleEdit} />
+              )}
+            </ReservationCard>
           ))
         )}
       </div>