fix: 삭제 버튼 클릭이벤트 전파 방지 #222

boostcampwm-2024 · Dec 3, 2024 · e3ff1f7 · e3ff1f7
1 parent 1e7e808
commit e3ff1f7
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/frontend/src/components/Place/DeletePlaceButton.tsx b/frontend/src/components/Place/DeletePlaceButton.tsx
@@ -18,7 +18,8 @@ const DeletePlaceButton = ({ placeId, places }: DeletePlaceButtonProps) => {
   const putPlaceToCourseMutation = usePutPlaceToCourseMutation();
   const addToast = useStore((state) => state.addToast);
 
-  const onClickMapMode = () => {
+  const onClickMapMode = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.stopPropagation();
     deletePlaceMutation.mutate(
       { id, placeId },
       {
@@ -39,7 +40,8 @@ const DeletePlaceButton = ({ placeId, places }: DeletePlaceButtonProps) => {
     [places],
   );
 
-  const onClickCourseMode = () => {
+  const onClickCourseMode = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.stopPropagation();
     putPlaceToCourseMutation.mutate(
       { id, places: newPlaces },
       {