import { Head, router, Link } from "@inertiajs/react"; import { Heart, ArrowRight } from "lucide-react"; import { useState, useEffect } from "react"; import type { BookProps } from "@/components/book-card"; import BookCard from "@/components/book-card"; import { Button } from "@/components/ui/button"; import DashboardLayout from "@/layouts/dashboard-layout"; import { getBookById } from "@/lib/google-books"; export default function Bookmarks({ bookIds }: { bookIds: string[] }) { const [bookmarkedBooks, setBookmarkedBooks] = useState([]); const [isLoading, setIsLoading] = useState(true); const [error, setError] = useState(null); useEffect(() => { const fetchBookmarks = async () => { if (!bookIds || bookIds.length === 0) { setBookmarkedBooks([]); setIsLoading(false); return; } setIsLoading(true); setError(null); try { const fetchedBooks = await Promise.all( bookIds.map(async (id) => { try { const data = await getBookById(id); const volumeInfo = data.volumeInfo; return { id: data.id, title: volumeInfo.title || 'Untitled', author: volumeInfo.authors ? volumeInfo.authors.join(", ") : 'Unknown Author', category: volumeInfo.categories ? volumeInfo.categories[0] : 'General', cover: volumeInfo.imageLinks?.thumbnail?.replace('http:', 'https:') || 'https://placehold.co/300x400/png?text=No+Cover', rating: volumeInfo.averageRating || 0, }; } catch (err) { console.error(`Error fetching book ${id}:`, err); // Throwing here so it catches in the outer try-catch if it's an API key error if (err instanceof Error && err.message.includes("API Key is missing")) { throw err; } return null; } }) ); setBookmarkedBooks(fetchedBooks.filter((b): b is BookProps => b !== null)); } catch (error) { console.error("Error fetching bookmarks:", error); setError(error instanceof Error ? error.message : "Gagal mengambil data koleksi"); } finally { setIsLoading(false); } }; fetchBookmarks(); }, [bookIds]); const handleRemoveAll = () => { if (confirm("Are you sure you want to remove all bookmarks?")) { router.delete("/bookmarks/clear-all", { onSuccess: () => { setBookmarkedBooks([]); } }); } }; return ( {/* Header Info */}

Your Saved Books

You have {bookmarkedBooks.length} books in your private collection.

{isLoading ? (

) : error ? (

Gagal Memuat Koleksi

{error}

) : bookmarkedBooks.length > 0 ? ( <> {/* Featured Bookmark - Aesthetic Highlight */}

Last Saved

{bookmarkedBooks[0].title}

Continue your reading journey where you left off.

{/* Grid Display */}

Recent Saves

{bookmarkedBooks.map((book) => ( ))}

) : (

Empty Collection

Your bookmarks will appear here after you save your favorite books.

)} ); }