fix: refactor timeline api

src/app/community/page.tsx

@@ -3,7 +3,7 @@ import React from 'react'
 import Footer from '@/components/Footer/Footer'
 import UniversityCard from '@/components/universityCommunity/universityCommunityCart'
 import { useGetUserSubscribedCommunityGroups } from '@/services/university-community'
-import Loading from '../loading'
+import Loading from '@/components/atoms/Loading'
 
 interface CommunityType {
   _id: string

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]
 }

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