feat: 좋아요 기능 구현 완료

src/components/DetailSectionTop/DetailToursInfo.tsx

@@ -2,7 +2,6 @@ import { HeartIcon } from '@components/common/icons/Icons';
 import { postLikedTours, deleteLikedTours } from '@api/tours';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
-import { useState } from 'react';
 
 interface DetailToursInfoProps {
   infoData: tourDetail;
@@ -11,16 +10,13 @@ interface DetailToursInfoProps {
 export default function DetailToursInfo({ infoData }: DetailToursInfoProps) {
   const { title, liked, originalThumbnailUrl, id } = infoData;
 
-  const [isLiked, setIsLiked] = useState<boolean>(liked);
-
   const navigate = useNavigate();
   const queryClient = useQueryClient();
 
   const { mutate: likeMutate } = useMutation({
     mutationFn: (id: number) => postLikedTours({ id }),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['details'] });
-      setIsLiked(true);
     },
     onError: () => console.log('error'),
   });
@@ -29,7 +25,6 @@ export default function DetailToursInfo({ infoData }: DetailToursInfoProps) {
     mutationFn: (id: number) => deleteLikedTours({ id }),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['details'] });
-      setIsLiked(false);
     },
     onError: () => console.log('error'),
   });
@@ -63,8 +58,7 @@ export default function DetailToursInfo({ infoData }: DetailToursInfoProps) {
         </h1>
         <div className="top-75 h-[24px] w-[24px] cursor-pointer">
           <HeartIcon
-            // 최종 = props liked 기반, 현재 임시 처리(isLiked)
-            fill={isLiked ? '#FF2167' : '#D7D7D7'}
+            fill={liked ? '#FF2167' : '#D7D7D7'}
             color="none"
             onClick={onClickLikeButton}
           />