[FIX] QA 4차반영

src/components/card/templeStayCard/TempleStayCard.tsx

@@ -16,7 +16,7 @@ interface TempleStayCardProps {
   liked: boolean;
   layout: 'vertical' | 'horizontal';
   onToggleWishlist: (templestayId: number, liked: boolean) => void;
-  onClick?: () => void;
+  onClick?: (templestayId: number) => void;
   onRequireLogin?: () => void;
 }
 
@@ -53,7 +53,7 @@ const TempleStayCard = ({
   return (
     <article
       className={isHorizontal ? styles.horizontalContainer : styles.verticalContainer}
-      onClick={onClick}
+      onClick={() => onClick?.(templestayId)}
       role="presentation">
       {imgUrl ? (
         <section className={isHorizontal ? styles.horizontalImgSection : styles.verticalImgSection}>

src/components/card/templeStayCard/wishCardList/WishCardList.tsx

@@ -16,8 +16,14 @@ interface WishCardListProps {
   }[];
   layout: 'vertical' | 'horizontal';
   onToggleWishlist: (templestayId: number, liked: boolean) => void;
+  onClick?: (templestayId: number) => void;
 }
-const WishCardList = ({ data, layout = 'vertical', onToggleWishlist }: WishCardListProps) => {
+const WishCardList = ({
+  data,
+  layout = 'vertical',
+  onToggleWishlist,
+  onClick,
+}: WishCardListProps) => {
   return (
     <section className={container}>
       {data.map((temple) => (
@@ -33,6 +39,7 @@ const WishCardList = ({ data, layout = 'vertical', onToggleWishlist }: WishCardL
           liked={temple.liked}
           layout={layout}
           onToggleWishlist={onToggleWishlist}
+          onClick={onClick}
         />
       ))}
     </section>

src/components/schedule/scheduleCard.css.ts

@@ -40,7 +40,4 @@ export const description = style({
   ...theme.FONTS.b8M15,
   color: theme.COLORS.black,
   width: '20.5rem',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
 });

src/pages/wishList/WishListPage.tsx

@@ -6,13 +6,15 @@ import Pagination from '@components/common/pagination/Pagination';
 import ExceptLayout from '@components/except/exceptLayout/ExceptLayout';
 import { useQueryClient } from '@tanstack/react-query';
 import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 
 import container from './wishListPage.css';
 
 const WishListPage = () => {
   const [currentPage, setCurrentPage] = useState(1);
   const userId = Number(localStorage.getItem('userId'));
   const queryClient = useQueryClient();
+  const navigate = useNavigate();
 
   const { data, isLoading, isError } = useWishlistQuery(currentPage, userId);
   const addWishlistMutation = useAddWishlist();
@@ -62,6 +64,10 @@ const WishListPage = () => {
     }
   };
 
+  const handleNavigate = (templestayId: number) => {
+    navigate(`/detail/${templestayId}`);
+  };
+
   if (isLoading) {
     return <ExceptLayout type="loading" />;
   }
@@ -81,6 +87,7 @@ const WishListPage = () => {
               data={wishlist}
               layout="vertical"
               onToggleWishlist={handleToggleWishlist}
+              onClick={(templestayId: number) => handleNavigate(templestayId)}
             />
           </div>
           <Pagination