chore: minor changes

Franqsanz · Nov 10, 2023 · bb32fa6 · bb32fa6 · vercel · Nov 10, 2023
1 parent 84b3ca9
commit bb32fa6
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 19 deletions.
diff --git a/src/components/MyLink.tsx b/src/components/MyLink.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavLink } from 'react-router-dom';
-import { Link, useColorModeValue } from '@chakra-ui/react';
+import { Box, Flex, Link, useColorModeValue } from '@chakra-ui/react';
 
 import { MyLinkType } from './types';
 
@@ -9,18 +9,20 @@ export function MyLink({ data, href, external, index }: MyLinkType) {
   const colorLinkHoverCategory = useColorModeValue('green.900', 'green.700');
 
   return (
-    <Link
-      as={NavLink}
-      to={href}
-      color={colorLinkCategory}
-      isExternal={external}
-      _hover={{
-        color: `${colorLinkHoverCategory}`,
-        textDecoration: 'underline',
-      }}
-    >
-      {data}
-      {index || null}
-    </Link>
+    <>
+      <Link
+        as={NavLink}
+        to={href}
+        color={colorLinkCategory}
+        isExternal={external}
+        _hover={{
+          color: `${colorLinkHoverCategory}`,
+          textDecoration: 'underline',
+        }}
+      >
+        {data}
+      </Link>
+      <Box mx='2'>{index || null}</Box>
+    </>
   );
 }
diff --git a/src/components/forms/NewBook.tsx b/src/components/forms/NewBook.tsx
@@ -154,7 +154,7 @@ export function FormNewBook() {
     // 1 MB
     if (file.size > 1000000) {
       alert(
-        `El tamaño de la imagen es demasiado grande. Por favor, seleccione una imagen de menor tamaño.`,
+        `El tamaño de la imagen es mayor a 1 MB. Por favor, seleccione una imagen de menor tamaño.`,
       );
 
       return;

diff --git a/src/pages/Book.tsx b/src/pages/Book.tsx
@@ -174,7 +174,7 @@ export default function Book() {
           >
             {data.title}
           </Box>
-          <Box
+          <Flex
             my='1'
             fontSize={{ base: 'md', md: 'xl' }}
             textTransform='uppercase'
@@ -188,7 +188,7 @@ export default function Book() {
                 index={index !== data.authors.length - 1 && ' & '}
               />
             ))}
-          </Box>
+          </Flex>
           <Box mt='5'>
             <Box p='2' fontSize='lg' bg={grayColor} roundedTop='lg'>
               Sinopsis
@@ -208,7 +208,7 @@ export default function Book() {
                     <Box as='span'>Autor(s):</Box>
                   </Box>
                   <Box>
-                    <Box as='span'>
+                    <Flex as='span'>
                       {data.authors.map((author, index) => (
                         <MyLink
                           external={true}
@@ -218,7 +218,7 @@ export default function Book() {
                           index={index !== data.authors.length - 1 && ' & '}
                         />
                       ))}
-                    </Box>
+                    </Flex>
                   </Box>
                 </Flex>
                 <Flex my='2'>
-Original file line number
+Diff line change
@@ Expand Up / @@ -154,7 +154,7 @@ export function FormNewBook() { @@
         // 1 MB
         if (file.size > 1000000) {
           alert(
-            `El tamaño de la imagen es demasiado grande. Por favor, seleccione una imagen de menor tamaño.`,
+            `El tamaño de la imagen es mayor a 1 MB. Por favor, seleccione una imagen de menor tamaño.`,
           );
           return;
@@ Expand Down @@