Merge pull request #235 from depromeet/fix/review

fix: 리뷰 페이지 이동 조건 수정

src/app/page.tsx

@@ -194,7 +194,7 @@ export default function Home() {
           />
         </Map>
       </motion.div>
-      <div className="absolute top-[54px] z-above w-full px-[16px]">
+      <div className="absolute top-[8px] z-above w-full px-[16px]">
         <SearchField onClick={handleSearchFieldClick} />
         <FilterTagList
           selectedTag={selectedTag}

src/components/main/WriteLogButton/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useRouter } from 'next/navigation';
-import { ButtonHTMLAttributes, useEffect } from 'react';
+import { ButtonHTMLAttributes, useEffect, useState } from 'react';
 import { toast } from 'sonner';
 
 import { SearchedPinFromSearchParams } from '../StorePreviewSection';
@@ -27,13 +27,8 @@ export default function WriteLogButton({
   ...restProps
 }: WriteLogButtonProps) {
   const router = useRouter();
-
-  const {
-    refetch: getReviewAvailable,
-    isRefetching,
-    isSuccess,
-    data,
-  } = useGetReviewAvailable({
+  const [isFetched, setIsFetched] = useState(false);
+  const { refetch: getReviewAvailable, data } = useGetReviewAvailable({
     storeId: storeId ?? undefined,
   });
 
@@ -81,24 +76,32 @@ export default function WriteLogButton({
     router.push(String(url));
   };
 
+  const handleWriteLogButtonClick = async () => {
+    if (!storeId) {
+      goToReview();
+      return;
+    }
+
+    try {
+      await getReviewAvailable();
+
+      setIsFetched(true);
+    } catch (error) {
+      toast('에러 발생! 다시 시도해주세요.');
+    }
+  };
+
   useEffect(() => {
-    if (isRefetching || !isSuccess) return;
+    if (!isFetched) return;
+    setIsFetched(false);
 
-    if (!data.isAvailable) {
+    if (data?.isAvailable === false) {
       toast('같은 곳은 하루에 3번만 기록 가능해요!');
       return;
     }
 
     goToReview();
-  }, [isRefetching, isSuccess]);
-
-  const handleWriteLogButtonClick = () => {
-    if (!storeId) {
-      goToReview();
-      return;
-    }
-    getReviewAvailable();
-  };
+  }, [isFetched]);
 
   return (
     <Button

src/hooks/api/useDeleteLog.ts

@@ -18,6 +18,7 @@ export const useDeleteLog = (): UseMutationResult<void, AxiosError, number> => {
     mutationFn: (storeId) => deleteLog(storeId),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['get-myLog'] });
+      queryClient.invalidateQueries({ queryKey: ['get-store'] });
     },
   });
 };