feat(hooks): create useBooks hook for fetching and managing books

Author: ArnauACR

src/hooks/useBooks.js

@@ -0,0 +1,122 @@
+import { useState, useEffect } from 'react';
+
+const BASE_URL = import.meta.env.VITE_API_URL;
+
+export function useBooks() {
+  const [books, setBooks] = useState([]);
+  const [showForm, setShowForm] = useState(false);
+  const [editingBook, setEditingBook] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+
+  const addBook = async (bookData) => {
+    await createBook(bookData);
+    setShowForm(false);
+  };
+
+  const handleUpdateBook = async (bookData) => {
+    await updateBook({ ...bookData, id: editingBook.id });
+    setEditingBook(null);
+    setShowForm(false);
+  };
+
+  async function fetchBooks() {
+    setIsLoading(true);
+    try {
+      const response = await fetch(`${BASE_URL}/books`);
+      const data = await response.json();
+      setBooks(data);
+    } catch (error) {
+      console.error('Fail to fetch book:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  async function createBook(book) {
+    setIsLoading(true);
+    try {
+      const response = await fetch(`${BASE_URL}/books`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(book),
+      });
+      const newBook = await response.json();
+      setBooks((prevBooks) => [...prevBooks, newBook]);
+    } catch (error) {
+      console.error('Fail to create book:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  async function updateBook(book) {
+    setIsLoading(true);
+    try {
+      const response = await fetch(`${BASE_URL}/books/${book.id}`, {
+        method: 'PUT',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(book),
+      });
+      const updatedBook = await response.json();
+      setBooks((prevBooks) =>
+        prevBooks.map((b) => (b.id === book.id ? updatedBook : b))
+      );
+      setEditingBook(null);
+      setShowForm(false);
+    } catch (error) {
+      console.error('Fail to update book:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  async function deleteBook(id) {
+    setIsLoading(true);
+    try {
+      await fetch(`${BASE_URL}/books/${id}`, {
+        method: 'DELETE',
+      });
+      setBooks((prevBooks) => prevBooks.filter((book) => book.id !== id));
+    } catch (error) {
+      console.error('Fail to delete book:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    fetchBooks();
+  }, []);
+
+  const editBook = (book) => {
+    setEditingBook(book);
+    setShowForm(true);
+  };
+
+  const cancelForm = () => {
+    setShowForm(false);
+    setEditingBook(null);
+  };
+
+  const openAddForm = () => {
+    setShowForm(true);
+  };
+
+  return {
+    books,
+    isLoading,
+    showForm,
+    editingBook,
+    addBook,
+    updateBook: handleUpdateBook,
+    deleteBook,
+    editBook,
+    cancelForm,
+    openAddForm,
+    refreshBooks: fetchBooks,
+  };
+}