chore: minor changes

Franqsanz · Jan 9, 2024 · 8aaf689 · 8aaf689 · vercel · Jan 9, 2024
1 parent 8303f40
commit 8aaf689
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 10 deletions.
diff --git a/src/components/ModalConfirmation.tsx b/src/components/ModalConfirmation.tsx
@@ -1,4 +1,6 @@
 import React from 'react';
+import { IoWarningOutline } from 'react-icons/io5';
+// import { RiDeleteBin6Line } from 'react-icons/ri';
 import {
   Modal,
   ModalOverlay,
@@ -9,8 +11,9 @@ import {
   ModalFooter,
   Box,
   Alert,
-  AlertIcon,
+  Icon,
   Button,
+  useColorModeValue,
 } from '@chakra-ui/react';
 
 import { ModalOptionsAndConfirType } from './types';
@@ -22,9 +25,11 @@ export function ModalConfirmation({
   name,
   isPending,
 }: ModalOptionsAndConfirType) {
+  const colorIconWar = useColorModeValue('yellow.700', 'yellow.300');
+
   return (
     <>
-      <Modal isOpen={isOpen} onClose={onClose} size='md'>
+      <Modal isOpen={isOpen} onClose={onClose} size={{ base: 'xs', md: 'md' }}>
         <ModalOverlay backdropFilter='blur(7px)' />
         <ModalContent>
           <ModalHeader>Eliminar</ModalHeader>
@@ -36,13 +41,17 @@ export function ModalConfirmation({
             </Box>
             ?
             <Alert
-              mt='6'
+              mt='7'
               status='warning'
-              variant='left-accent'
-              borderRightRadius='lg'
-              fontSize='sm'
+              rounded='lg'
+              fontSize={{ base: 'xs', md: 'sm' }}
             >
-              <AlertIcon />
+              <Icon
+                as={IoWarningOutline}
+                boxSize='7'
+                mr='3'
+                color={colorIconWar}
+              />
               El libro será eliminado de manera permanente y no se podrá
               recuperar.
             </Alert>
@@ -53,10 +62,16 @@ export function ModalConfirmation({
               onClick={onDeleteBook}
               fontWeight='normal'
               fontSize='sm'
+              bg='red.400'
               loadingText='Eliminando...'
               isLoading={isPending}
               _hover={{ color: 'none' }}
             >
+              {/* <Icon
+                as={RiDeleteBin6Line}
+                boxSize='4'
+                mr='3'
+              /> */}
               Eliminar
             </Button>
             <Button

diff --git a/src/components/nav/MobileNav.tsx b/src/components/nav/MobileNav.tsx
@@ -255,7 +255,7 @@ export function MobileNav() {
               </List> */}
               {linkRegister}
               <Box fontSize='10px' my='1'>
-                XBuniverse 2023 - 2024
+                2023 - 2024 XBuniverse
               </Box>
             </DrawerFooter>
           </DrawerContent>

diff --git a/src/services/firebase/auth.tsx b/src/services/firebase/auth.tsx
@@ -49,13 +49,12 @@ function SignIn() {
   return (
     <>
       <Button
-        w='260px'
         fontWeight='normal'
         leftIcon={<GrGoogle size='20px' />}
         bg={useColorModeValue('#EA4335', '#EE685D')}
         color={useColorModeValue('white', 'black')}
         borderRadius='lg'
-        p='7'
+        p='6'
         fontSize='md'
         _hover={{ bg: '#D23C2F' }}
         _active={{ bg: '#BB352A' }}