Merge pull request #1514 from hngx-org/bug-fixes

Explore Page reload Fix
hngx-org · Dec 6, 2023 · 6392830 · 6392830 · vercel · Dec 6, 2023
2 parents cb89950 + 7813c04
commit 6392830
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/modules/explore/explorePage.tsx b/modules/explore/explorePage.tsx
@@ -52,6 +52,7 @@ const HomePage = () => {
     allUsers = `${baseUrl}/explore/GetAllPortfolio`;
 
   const pa = `?SortBy=1&Location=nigeria&Country=lagos&Provider=ee&Skill=ee&Track=ee&Ranking=ee&RoleId=1&Tag=a&PageSize=12&PageNumber=1`;
+
   async function fetchUsers(query?: string) {
     let url = allUsers;
     if (query) {
@@ -81,8 +82,9 @@ const HomePage = () => {
   const { data, isLoading } = useQuery<UserInfo>({
     queryKey: ['profile', deBounce, filters, pageNumber],
     queryFn: () => fetchUsers(searchQuery),
+    staleTime: 60000,
   });
-  console.log(data);
+
   return (
     <main>
       <Banner />

diff --git a/modules/explore/hooks/deBounce.tsx b/modules/explore/hooks/deBounce.tsx
@@ -1,12 +1,13 @@
 import { useEffect, useState } from 'react';
 
 export default function useDebounce(value: string, delay: number) {
-  const [valueSearch, setValueSearch] = useState<string>();
+  const [valueSearch, setValueSearch] = useState<string>('');
 
   useEffect(() => {
     const handleSetTimeOut = setTimeout(() => {
       setValueSearch(value);
     }, delay);
+
     return () => {
       clearTimeout(handleSetTimeOut);
     };