Feat: add branching logic space creation button #85

Strong-Potato · Jan 12, 2024 · a9a61b5 · a9a61b5
1 parent 400f045
commit a9a61b5
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/components/SideBar/TravelList/TravelList.tsx b/src/components/SideBar/TravelList/TravelList.tsx
@@ -7,9 +7,21 @@ import { TravelListProps } from "@/types/sidebar";
 
 function TravelList({ travelList }: TravelListProps) {
   const navigate = useNavigate();
+
+  const handleItemClick = () => {
+    if (travelList.length >= 15) {
+      navigate(`/mypage?full=true`);
+    } else {
+      navigate(`/carryout/1234`); //여행 스페이스 로직 연결 후 바꾸기
+    }
+  };
+
   return (
     <section className={styles.travelSpaceList}>
-      <button className={styles.travelSpaceList__addButton}>
+      <button
+        className={styles.travelSpaceList__addButton}
+        onClick={() => handleItemClick()}
+      >
         <GoPlus className={styles.travelSpaceList__addButton__icon} />
         <p className={styles.travelSpaceList__addButton__text}>
           새 여행 스페이스 만들기