Feat: trip connect seacrh

Strong-Potato · Jan 26, 2024 · aefa171 · aefa171
1 parent 771c30a
commit aefa171
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 20 deletions.
diff --git a/src/assets/homeIcons/home/fireImoji.svg b/src/assets/homeIcons/home/fireImoji.svg
diff --git a/src/assets/homeIcons/home/musicImoji.svg b/src/assets/homeIcons/home/musicImoji.svg
diff --git a/src/assets/homeIcons/home/snowmanImoji.svg b/src/assets/homeIcons/home/snowmanImoji.svg
diff --git a/src/components/Home/TripSpaceAtHome/TripSpaceItem/TripSpaceItem.tsx b/src/components/Home/TripSpaceAtHome/TripSpaceItem/TripSpaceItem.tsx
@@ -1,4 +1,4 @@
-import {Link} from 'react-router-dom';
+import {useNavigate} from 'react-router-dom';
 
 import styles from './TripSpaceItem.module.scss';
 
@@ -15,8 +15,15 @@ function TripSpaceItem({data}: PropsData) {
   const startDate: string = data.startDate ? setSpaceDate_DOW(data.startDate, data.endDate) : '여행 날짜를 정해주세요!';
   const imgSrc: string = data.thumbnail ? data.thumbnail : tripImg;
   const dDay = new Date(data.startDate) <= new Date() ? '여행 중' : `D - ${data.dueDate}`;
+  const navigate = useNavigate();
+
   return (
-    <Link to='/trip/1' className={styles.container}>
+    <div
+      className={styles.container}
+      onClick={() => {
+        navigate(`trip/${data.id}`, {state: {id: data.id}});
+      }}
+    >
       <div className={styles.img_box} style={{padding: data.thumbnail ? 'none' : '26px 12px 32px 20px'}}>
         <img className={styles.trip_img} src={imgSrc} alt={`${data.title}의 사진`} />
         {data.dueDate !== null && (
@@ -31,7 +38,7 @@ function TripSpaceItem({data}: PropsData) {
         <span className={styles.trip_day}>{startDate}</span>
         <span className={styles.trip_title}>{data.title}</span>
       </p>
-    </Link>
+    </div>
   );
 }
 

diff --git a/src/components/Route/AddPlace/AddPlace.tsx b/src/components/Route/AddPlace/AddPlace.tsx
@@ -1,30 +1,39 @@
-import { AiOutlineHeart as WishIcon } from "react-icons/ai";
-import { AiOutlineSearch as SearchIcon } from "react-icons/ai";
-import { BiTask as VoteIcon } from "react-icons/bi";
+import {AiOutlineHeart as WishIcon} from 'react-icons/ai';
+import {AiOutlineSearch as SearchIcon} from 'react-icons/ai';
+import {BiTask as VoteIcon} from 'react-icons/bi';
+import {useNavigate} from 'react-router-dom';
 
-import styles from "./AddPlace.module.scss";
+import styles from './AddPlace.module.scss';
 
 function AddPlace() {
+  const navigate = useNavigate();
+
   return (
     <>
       <div className={styles.container}>
         <h1>일정 추가하기</h1>
         <div className={styles.buttonsContainer}>
           <div className={styles.buttonContainer}>
-            <button>
-              <SearchIcon color="#979C9E" size="2.4rem" />
+            <button
+              onClick={() => {
+                navigate(
+                  `/search?keyword=없음&category=0&map=false&location=전국&sort=등록순&hot=false&placeID=여기에넣어줘요&tripDate=여기에넣어줘요`,
+                );
+              }}
+            >
+              <SearchIcon color='#979C9E' size='2.4rem' />
             </button>
             <p>장소 검색</p>
           </div>
           <div className={styles.buttonContainer}>
             <button>
-              <WishIcon color="#FF85B1" size="2.4rem" />
+              <WishIcon color='#FF85B1' size='2.4rem' />
             </button>
             <p>찜 목록 검색</p>
           </div>
           <div className={styles.buttonContainer}>
             <button>
-              <VoteIcon color="#62AAFF" size="2.4rem" />
+              <VoteIcon color='#62AAFF' size='2.4rem' />
             </button>
             <p>투표 불러오기</p>
           </div>