chore: minor changes

Franqsanz · May 15, 2024 · a3c75fa · a3c75fa
1 parent a2aaed0
commit a3c75fa
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/components/MySimpleGrid.tsx b/src/components/MySimpleGrid.tsx
@@ -1,7 +1,12 @@
 import React from 'react';
 import { SimpleGrid, useColorModeValue } from '@chakra-ui/react';
 
-export function MySimpleGrid({ children }: { children: React.ReactNode }) {
+interface SimpleGridType {
+  width?: string;
+  children: React.ReactNode;
+}
+
+export function MySimpleGrid({ width = '8xl', children }: SimpleGridType) {
   const colorCard = useColorModeValue('gray.900', 'gray.100');
 
   return (
@@ -10,7 +15,7 @@ export function MySimpleGrid({ children }: { children: React.ReactNode }) {
         as='section'
         maxW='full'
         minH='100vh'
-        w='8xl'
+        w={width}
         columns={{ base: 2, md: 3, lg: 4, '2xl': 5 }}
         justifyItems='center'
         m='auto'

diff --git a/src/pages/MostViewed.tsx b/src/pages/MostViewed.tsx
@@ -6,6 +6,7 @@ import { MySimpleGrid } from '@components/MySimpleGrid';
 import { Card } from '@components/cards/Card';
 import { CardType } from '@components/types';
 import { useMostViewedBooks } from '@hooks/querys';
+import { MySliderCategories } from '@components/MySliderCategories';
 
 export default function MostViewed() {
   const { data } = useMostViewedBooks('full');
@@ -14,7 +15,8 @@ export default function MostViewed() {
     <>
       <MainHead title='Top 10 Más Vistos | XBuniverse' />
       <ContainerTitle title='Top 10 Más Vistos' />
-      <MySimpleGrid>
+      <MySliderCategories />
+      <MySimpleGrid width='6xl'>
         {data?.map(
           ({
             id,