From bb32fa6611bb15732690101c914064f8173e8884 Mon Sep 17 00:00:00 2001
From: franco sanchez <franco_genta@hotmail.com>
Date: Fri, 10 Nov 2023 12:16:47 -0300
Subject: [PATCH] chore: minor changes

---
 src/components/MyLink.tsx        | 30 ++++++++++++++++--------------
 src/components/forms/NewBook.tsx |  2 +-
 src/pages/Book.tsx               |  8 ++++----
 3 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/components/MyLink.tsx b/src/components/MyLink.tsx
index 6d1fe25..fbc8f5e 100644
--- 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
index f32e51d..d598158 100644
--- 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
index 971f1ac..dcedbe1 100644
--- 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'>