chore: added a toast in Book and other changes

.eslintrc.json

@@ -44,6 +44,7 @@
     "prefer-const": 0,
     "func-style": [1, "declaration", { "allowArrowFunctions": false }],
     "n/handle-callback-err": 0,
+    "camelcase": 0,
     "prettier/prettier": [
       2,
       {
@@ -60,6 +61,7 @@
     "@typescript-eslint/no-non-null-assertion": 0,
     "@typescript-eslint/adjacent-overload-signatures": 0,
     "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-unnecessary-condition": 0,
     "react/no-unescaped-entities": 0,
     "react-hooks/exhaustive-deps": 0
   }

src/components/forms/FormEdit.tsx

@@ -45,18 +45,13 @@ export function FormEdit({
   pathUrl,
   image,
 }: BookType) {
-  const {
-    url,
-    // eslint-disable-next-line camelcase
-    public_id,
-  } = image;
   const {
     handleSubmit,
     register,
     formState: { errors },
   } = useForm<BookType>();
+  const { url, public_id } = image;
   const navigate = useNavigate();
-  let previewImgUI;
   const { isOpen, onOpen, onClose } = useDisclosure();
   const toast = useToast();
   const bgColorInput = useColorModeValue('gray.100', 'gray.800');
@@ -78,10 +73,10 @@ export function FormEdit({
     pathUrl,
     image: {
       url,
-      // eslint-disable-next-line camelcase
       public_id,
     },
   });
+  let previewImgUI;
   const fileInputRef = useRef<HTMLInputElement>(null);
   const { mutate, isPending, isSuccess, error } = useUpdateBook(books);
 

src/hooks/querys.ts

@@ -185,12 +185,12 @@ function useDeleteBook() {
   return useMutation({
     mutationKey: [keys.deleteBook],
     mutationFn: (id: string | undefined) => deleteBook(id),
-    onSuccess: (data) => {
-      if (data) {
-        // return navigate(`/profile/${data.info.user.uid}`, { replace: true });
-        return navigate('/explore', { replace: true });
-      }
-    },
+    // 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();

src/pages/Book.tsx

@@ -12,6 +12,7 @@ import {
   Button,
   useDisclosure,
   Icon,
+  useToast,
 } from '@chakra-ui/react';
 import {
   FiArrowLeft,
@@ -52,6 +53,7 @@ export default function Book() {
   const infoTextColor = useColorModeValue('gray.600', 'gray.400');
   const bgButton = useColorModeValue('white', 'black');
   const navigate = useNavigate();
+  const toast = useToast();
   const {
     isOpen: isOpenOptions,
     onOpen: onOpenOptions,
@@ -76,7 +78,7 @@ export default function Book() {
   let btnMoreOptions;
 
   const { data } = useBook(pathUrl);
-  const { mutate, isPending } = useDeleteBook();
+  const { mutate, isSuccess, isPending } = useDeleteBook();
 
   const isCurrentUserAuthor = currentUser && currentUser.uid === data.userId;
 
@@ -96,6 +98,20 @@ export default function Book() {
     );
   }
 
+  if (isSuccess) {
+    toast({
+      title: 'Libro eliminado',
+      description: 'Se ha eliminado exitosamente.',
+      position: 'top-right',
+      isClosable: true,
+      containerStyle: {
+        fontFamily: 'sans-serif',
+      },
+    });
+
+    navigate('/explore', { replace: true });
+  }
+
   function handleDeleteBook() {
     mutate(data.id);
   }