fix: refactor timeline api

BacPacNet · Sep 8, 2024 · 92d038b · 92d038b
1 parent 9edb5d3
commit 92d038b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 18 deletions.
diff --git a/src/app/loading.tsx b/src/app/loading.tsx
diff --git a/src/hooks/useCookie.ts b/src/hooks/useCookie.ts
@@ -1,5 +1,5 @@
 'use client'
-import { useState, useEffect } from 'react'
+import { useState, useEffect, useCallback } from 'react'
 
 const useCookie = (cookieName: string): [string, (value: string, expirationDate: string) => void, () => void] => {
   const [cookieValue, setCookieValue] = useState<string>('')
@@ -10,15 +10,18 @@ const useCookie = (cookieName: string): [string, (value: string, expirationDate:
     setCookieValue(cookie ? cookie.split('=')[1] : '')
   }, [cookieName])
 
-  const setCookie = (value: string, expirationDate: string): void => {
-    document.cookie = `${cookieName}=${value}; expires=${new Date(expirationDate).toUTCString()}; path=/`
-    setCookieValue(value)
-  }
+  const setCookie = useCallback(
+    (value: string, expirationDate: string): void => {
+      document.cookie = `${cookieName}=${value}; expires=${new Date(expirationDate).toUTCString()}; path=/`
+      setCookieValue(value)
+    },
+    [cookieName]
+  )
 
-  const deleteCookie = (): void => {
+  const deleteCookie = useCallback((): void => {
     document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`
     setCookieValue('')
-  }
+  }, [cookieName])
 
   return [cookieValue, setCookie, deleteCookie]
 }

diff --git a/src/services/community-timeline.ts b/src/services/community-timeline.ts
@@ -155,6 +155,7 @@ export function useGetTimelinePosts() {
   const state = useQuery({
     queryKey: ['timelinePosts'],
     queryFn: () => getAllTimelinePosts(cookieValue),
+    enabled: !!cookieValue,
   })
 
   let errorMessage = null