Fix: change wish null icon

Strong-Potato · Jan 28, 2024 · 157376c · 157376c
1 parent bed786d
commit 157376c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/src/components/SearchFromHome/SearchList/SearchItem/SearchItem.tsx b/src/components/SearchFromHome/SearchList/SearchItem/SearchItem.tsx
@@ -1,4 +1,4 @@
-import {Link} from 'react-router-dom';
+import {Link, useSearchParams} from 'react-router-dom';
 
 import styles from './SearchItem.module.scss';
 
@@ -22,9 +22,18 @@ function SearchItem({forSearch, data, categoryChange}: PropsType) {
   const location = areas.filter((area) => area.areaCode === data.location.areaCode)[0].name;
   const category = translateCategoryToStr(data.contentTypeId);
   const imgSrc = data.thumbnail ? data.thumbnail : nullImg;
+  const [searchPrams] = useSearchParams();
+  const tripId = searchPrams.get('placeID');
+  const journyId = searchPrams.get('tripDate')?.split(' ')[1];
+  const path = searchPrams.get('tripDate')?.split(' ')[0];
+  const detailLink =
+    path === 'trip'
+      ? `/detail/${data.id} ${data.contentTypeId}?title=${data.title}&tripId=${tripId}&journyId=${journyId}`
+      : `/detail/${data.id} ${data.contentTypeId}?title=${data.title}`;
+  console.log(path);
 
   return (
-    <Link to={`/detail/${data.id} ${data.contentTypeId}?title=${data.title}`} className={styles.container}>
+    <Link to={detailLink} className={styles.container}>
       <div className={styles.itemBox}>
         <img
           src={imgSrc}

diff --git a/src/components/WishItem/WishItem.tsx b/src/components/WishItem/WishItem.tsx
@@ -1,4 +1,4 @@
-import {Link} from 'react-router-dom';
+import {Link, useSearchParams} from 'react-router-dom';
 
 import styles from './WishItem.module.scss';
 
@@ -25,9 +25,17 @@ function WishItem({filter, data, categoryChange}: PropsType) {
   const location = areas.filter((area) => area.areaCode === data.location.areaCode)[0].name;
   const category = translateCategoryToStr(data.contentTypeId);
   const imgSrc = data.thumbnail ? data.thumbnail : nullImg;
+  const [searchPrams] = useSearchParams();
+  const tripId = searchPrams.get('placeID');
+  const journyId = searchPrams.get('tripDate')?.split(' ')[1];
+  const path = searchPrams.get('tripDate')?.split(' ')[0];
+  const detailLink =
+    path === 'trip'
+      ? `/detail/${data.id} ${data.contentTypeId}?title=${data.title}&tripId=${tripId}&journyId=${journyId}`
+      : `/detail/${data.id} ${data.contentTypeId}?title=${data.title}`;
 
   return (
-    <Link to={`/detail/${data.id} ${data.contentTypeId}?title=${data.title}`} className={styles.container}>
+    <Link to={detailLink} className={styles.container}>
       <div className={styles.itemBox}>
         <img
           src={imgSrc}