chore: some design improvements

Franqsanz · Aug 21, 2024 · 074eca5 · 074eca5
1 parent 67ec6e3
commit 074eca5
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 8 deletions.
diff --git a/src/components/AllBooks.tsx b/src/components/AllBooks.tsx
@@ -13,7 +13,7 @@ import { useInView } from 'react-intersection-observer';
 
 import { CardType } from '@components/types';
 import { useBooksPaginate } from '@hooks/queries';
-import { useScrollRestoration } from '@hooks/useScrollRestoration';
+import { useScrollYRestoration } from '@hooks/useScrollYRestoration';
 import { MySimpleGrid } from '@components/ui/MySimpleGrid';
 import { Card } from '@components/cards/Card';
 import { Aside } from '@components/aside/Aside';
@@ -27,7 +27,7 @@ export function AllBooks() {
     useBooksPaginate();
   let fetchingNextPageUI;
 
-  useScrollRestoration(isPending); // Restablece la posición del scroll al volver de la vista del libro
+  useScrollYRestoration(isPending); // Restablece la posición del scroll al volver de la vista del libro
 
   useEffect(() => {
     let isMounted = true;

diff --git a/src/components/aside/AboutCategories.tsx b/src/components/aside/AboutCategories.tsx
@@ -20,6 +20,7 @@ export function AboutCategories({ category }: any) {
             fontSize='sm'
             maxH='250px'
             overflow='auto'
+            pr='1'
             sx={{
               '&::-webkit-scrollbar': {
                 width: '7px',

diff --git a/src/hooks/queries.ts b/src/hooks/queries.ts
@@ -212,18 +212,20 @@ function useCheckUser(id: string | undefined) {
   return useQuery({
     queryKey: [keys.checkUser, id],
     queryFn: () => getCheckUser(id),
+    gcTime: 24 * 3600 * 1000,
     enabled: false,
     refetchOnWindowFocus: false,
-    retry: 1,
+    retry: false,
   });
 }
 
 function useUserData(id: string | undefined) {
   return useQuery({
     queryKey: [keys.userData, id],
     queryFn: () => getCheckUser(id),
-    staleTime: 0,
-    retry: 4,
+    gcTime: 24 * 3600 * 1000,
+    staleTime: 24 * 3600 * 1000,
+    retry: 2,
   });
 }
 

diff --git a/src/hooks/useScrollRestoration.ts → src/hooks/useScrollYRestoration.ts b/src/hooks/useScrollRestoration.ts → src/hooks/useScrollYRestoration.ts
@@ -1,7 +1,7 @@
 import { useLayoutEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 
-export function useScrollRestoration(loading: boolean) {
+export function useScrollYRestoration(loading: boolean) {
   const location = useLocation();
 
   useLayoutEffect(() => {

diff --git a/src/pages/Search.tsx b/src/pages/Search.tsx
@@ -21,7 +21,7 @@ import {
 import { Card } from '@components/cards/Card';
 import { CardType } from '@components/types';
 import { useFilter, useFilterPaginated } from '@hooks/queries';
-import { useScrollRestoration } from '@hooks/useScrollRestoration';
+import { useScrollYRestoration } from '@hooks/useScrollYRestoration';
 import { ContainerTitle } from '@components/layout/ContainerTitle';
 import { MySimpleGrid } from '@components/ui/MySimpleGrid';
 import { MainHead } from '@components/layout/Head';
@@ -85,7 +85,7 @@ export default function Search() {
   }
 
   const results = getNormalizedResults();
-  useScrollRestoration(isPendingPaginated); // Restablece la posición del scroll al volver de la vista del libro
+  useScrollYRestoration(isPendingPaginated); // Restablece la posición del scroll al volver de la vista del libro
 
   useEffect(() => {
     let isMounted = true;