chore: improvements in the Views component and other corrections

Franqsanz · Aug 27, 2024 · 3e32cb1 · 3e32cb1
1 parent 62f55d9
commit 3e32cb1
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/src/components/cards/Card.tsx b/src/components/cards/Card.tsx
@@ -149,9 +149,9 @@ export function Card({
                   align='center'
                   mt='2'
                   px='7'
-                  fontSize={{ base: '0.55rem', sm: 'xs' }}
                   color={colorAuthorCard}
                   views={views}
+                  bxSize='4'
                 />
               )}
             </Flex>

diff --git a/src/components/ui/Views.tsx b/src/components/ui/Views.tsx
@@ -2,11 +2,11 @@ import React from 'react';
 import { Flex, Icon } from '@chakra-ui/react';
 import { ImEye } from 'react-icons/im';
 
-export function Views({ views, ...props }: any) {
+export function Views({ views, bxSize, ...props }: any) {
   return (
     <>
-      <Flex {...props}>
-        <Icon as={ImEye} boxSize='5' mr='2' />
+      <Flex fontSize='sm' {...props}>
+        <Icon as={ImEye} boxSize={bxSize} mr='2' />
         {views}
       </Flex>
     </>

diff --git a/src/hooks/queries.ts b/src/hooks/queries.ts
@@ -181,11 +181,11 @@ function useMoreBooksAuthors(id: string | undefined) {
 
 function useBook(pathUrl: string | undefined, token?: string | null) {
   return useSuspenseQuery({
-    queryKey: [keys.one, pathUrl, token],
+    queryKey: [keys.one, pathUrl],
     queryFn: () => getBook(pathUrl, token),
     refetchOnWindowFocus: false,
     gcTime: 3000,
-    retry: 1,
+    retry: false,
   });
 }
 

diff --git a/src/pages/Book.tsx b/src/pages/Book.tsx
@@ -22,7 +22,6 @@ import {
 } from 'react-icons/fi';
 import { BsTag } from 'react-icons/bs';
 import { FaCheckCircle } from 'react-icons/fa';
-import { ImEye } from 'react-icons/im';
 import LazyLoad from 'react-lazy-load';
 import Atropos from 'atropos/react';
 import 'atropos/css';
@@ -266,8 +265,8 @@ export default function Book() {
             left='0'
             right='0'
             position='absolute'
-            fontSize='sm'
             views={data.views}
+            bxSize='5'
           />
         </Box>
         <Flex
@@ -494,8 +493,8 @@ export default function Book() {
               left='0'
               right='0'
               position='absolute'
-              fontSize='sm'
               views={data.views}
+              bxSize='5'
             />
             <Box
               w='290px'