Update: deleteBook action and dispatch it on click

src/components/BookList/index.tsx

@@ -3,14 +3,19 @@ import { useAppDispatch, useAppSelector } from '../../app/hooks'
 import { fetchBooks } from '../../features/book/bookSlice'
 import LoadingSpinner from '../LoadingSpinner'
 import BookModal from '../BookModal'
+import Book from '../Book'
 
 const BookList: React.FC = () => {
   const dispatch = useAppDispatch()
   const books = useAppSelector((state) => state.books.booksData)
   const isLoading = useAppSelector((state) => state.books.isLoading)
 
   useEffect(() => {
-    dispatch(fetchBooks() as any)
+    const fetchBooksData = async () => {
+      await dispatch(fetchBooks())
+    }
+
+    fetchBooksData()
   }, [dispatch])
 
   return (
@@ -21,7 +26,16 @@ const BookList: React.FC = () => {
         <div>
           <BookModal />
           <h2>Book List</h2>
-          {books?.map((book) => <div key={book.id}>{book.title}</div>)}
+          {books?.map((book) => (
+            <Book
+              key={book.id}
+              bookAuthor={book.author}
+              bookTitle={book.title}
+              bookCategory={book.category}
+              bookUpdatedAt={book.updatedAt}
+              bookId={book.id}
+            />
+          ))}
         </div>
       )}
     </div>

src/features/book/bookSlice.ts

@@ -40,12 +40,20 @@ export const addBook = createAsyncThunk('books/addBook', async (book) => {
   return response.data
 })
 
-export const deleteBook = createAsyncThunk('books/deleteBook', async (id) => {
-  const response = await axios.delete(
-    `https://helm-bookstore-api.onrender.com/api/books/${id}`
-  )
-  return response.data
-})
+export const deleteBook = createAsyncThunk(
+  'books/deleteBook',
+  async (id: string) => {
+    try {
+      await axios.delete(
+        `https://helm-bookstore-api.onrender.com/api/books/${id}/`
+      )
+
+      alert('Book deleted successfully')
+    } catch (error) {
+      alert(error)
+    }
+  }
+)
 
 export const updateBook = createAsyncThunk(
   'books/updateBook',