import { Head, Link, useForm } from "@inertiajs/react"; import { Bookmark, ArrowLeft, Star, BookOpen, Clock, Globe, ShieldCheck, ChevronRight, } from "lucide-react"; import { useState, useEffect } from "react"; import { Button } from "@/components/ui/button"; import DashboardLayout from "@/layouts/dashboard-layout"; import { getBookById } from "@/lib/google-books"; interface BookDetailData { id: string; title: string; author: string; category: string; cover: string; rating: number; pages: number; year: string; isbn: string; description: string; } export default function Detail({ id, isBookmarked }: { id: string, isBookmarked: boolean }) { const { post, processing } = useForm({ book_id: id, }); const handleBookmark = () => { post("/bookmarks/toggle", { preserveScroll: true, }); }; const [book, setBook] = useState(null); const [isLoading, setIsLoading] = useState(true); const [error, setError] = useState(null); useEffect(() => { const fetchBookDetail = async () => { setIsLoading(true); setError(null); try { const data = await getBookById(id); const volumeInfo = data.volumeInfo; setBook({ 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?.extraLarge || volumeInfo.imageLinks?.large || volumeInfo.imageLinks?.medium || volumeInfo.imageLinks?.thumbnail?.replace('http:', 'https:') || 'https://placehold.co/300x400/png?text=No+Cover', rating: volumeInfo.averageRating || 0, pages: volumeInfo.pageCount || 0, year: volumeInfo.publishedDate ? volumeInfo.publishedDate.split('-')[0] : 'N/A', isbn: volumeInfo.industryIdentifiers ? volumeInfo.industryIdentifiers[0].identifier : 'N/A', description: volumeInfo.description ? volumeInfo.description.replace(/<[^>]*>?/gm, '') : 'Tidak ada deskripsi tersedia untuk buku ini.', }); } catch (err: Error | unknown) { const errorMessage = err instanceof Error ? err.message : "Gagal mengambil data buku"; console.error("Error fetching book:", err); setError(errorMessage); } finally { setIsLoading(false); } }; fetchBookDetail(); }, [id]); // No need to set title/thumbnail anymore as we only store id useEffect(() => { // Logic for title/thumbnail removed at user request to only store id }, [book]); if (isLoading) { return (

); } if (error || !book) { return (

Oops! Buku tidak ditemukan.

{error || "Data buku yang Anda cari mungkin telah dihapus."}

); } return (

{/* Navigation Header */}

Kembali ke Koleksi

{/* Main Content Section */}

{/* Product Image Section */}

{book.category}

{/* Details Content Section */}

{[1, 2, 3, 4, 5].map((s) => ( ))} {book.rating} / 5.0

{book.title}

By {book.author}

{/* Stats Grid */}

Halaman

{book.pages} hlm

Waktu Baca

~{Math.round(book.pages / 2) || 0} mnt

Tahun Terbit

{book.year}

ISBN

{book.isbn}

{/* Synopsis */}

Sinopsis Buku

{book.description}

{/* Pricing and Action */}

); }