chore: started to implement the update function and other changes

src/components/ModalOptions.tsx

@@ -40,20 +40,12 @@ export function ModalOptions({
               >
                 Editar
               </Button>
-              <Button
-                fontWeight='normal'
-                fontSize='sm'
-                _hover={{ color: 'none' }}
-              >
-                Copiar enlace
-              </Button>
             </Flex>
           </ModalBody>
           <ModalFooter justifyContent='center'>
             <Button
               w='full'
               onClick={onClose}
-              // fontWeight='normal'
               fontSize='sm'
               _hover={{ color: 'none' }}
             >

src/components/skeletons/SkeletonDBook.tsx

@@ -4,19 +4,21 @@ import { Skeleton, SkeletonText, Flex, Box } from '@chakra-ui/react';
 export function SkeletonDetailsBook() {
   return (
     <>
-      <Box
+      <Flex
         w='full'
-        maxW='1234px'
+        maxW='1255px'
         m='auto'
         px={{ base: 5, xl: 0 }}
         pt='10'
         pb='3'
+        justify='space-between'
       >
         <Skeleton w='100px' h='30px' rounded='lg'></Skeleton>
-      </Box>
+        <Skeleton w='40px' h='30px' rounded='lg'></Skeleton>
+      </Flex>
       <Flex
         w='full'
-        maxW='1255px'
+        maxW='1300px'
         m='auto'
         mb='300px'
         align='flex-start'

src/hooks/querys.ts

@@ -20,6 +20,7 @@ import {
   postBook,
   postRegister,
   getUserAndBooks,
+  updateBook,
   deleteBook,
 } from '../services/api';
 import { logOut } from '../services/firebase/auth';
@@ -181,7 +182,7 @@ function useDeleteBook() {
   const navigate = useNavigate();
 
   return useMutation({
-    mutationKey: ['deleteBook'],
+    mutationKey: [keys.deleteBook],
     mutationFn: (id: string | undefined) => deleteBook(id),
     onSuccess: (data) => {
       if (data) {
@@ -196,6 +197,25 @@ function useDeleteBook() {
   });
 }
 
+function useUpdateBook(book: any) {
+  const navigate = useNavigate();
+
+  return useMutation({
+    mutationKey: [keys.updateBook],
+    mutationFn: (id: string | undefined) => updateBook(id, book),
+    onSuccess: (data) => {
+      if (data) {
+        // return navigate(`/profile/${data.info.user.uid}`, { replace: true });
+        return navigate('/explore', { replace: true });
+      }
+    },
+    onError: async (error) => {
+      console.error('Error en el servidor:', error);
+      await logOut();
+    },
+  });
+}
+
 export {
   useMutatePost,
   useAllFilterOptions,
@@ -209,5 +229,6 @@ export {
   useMoreBooksAuthors,
   useUserRegister,
   useProfile,
+  useUpdateBook,
   useDeleteBook,
 };

src/services/api.ts

@@ -68,6 +68,16 @@ async function getAllFilterOptions() {
   return data;
 }
 
+async function updateBook(id: string | undefined, books: any) {
+  const data = await fetchData(`${API_URL}/book/update/${id}`, {
+    method: 'PATCH',
+    headers: { 'content-type': 'application/json' },
+    body: JSON.stringify(books),
+  });
+
+  return data;
+}
+
 async function deleteBook(id: string | undefined) {
   const data = await fetchData(`${API_URL}/book/delete/${id}`, {
     method: 'DELETE',
@@ -112,6 +122,7 @@ export {
   getMoreBooksAuthors,
   postBook,
   deleteBook,
+  updateBook,
   // Usuarios
   postRegister,
   getUserAndBooks,

src/utils/utils.ts

@@ -14,6 +14,8 @@ const keys = {
   relatedBooks: 'RelatedBooks',
   moreBooksAuthors: 'MoreBooksAuthors',
   userRegister: 'UserRegister',
+  updateBook: 'UpdateBook',
+  deleteBook: 'DeleteBook',
   profile: 'Profile',
 };