import { Head } from "@inertiajs/react"; import { useState } from "react"; import type { BookProps } from "@/components/book-card"; import BookCard from "@/components/book-card"; import { Button } from "@/components/ui/button"; import { BOOKS } from "@/constants/dummy"; import DashboardLayout from "@/layouts/dashboard-layout"; import { searchBooks } from "@/lib/google-books"; export default function Dashboard() { const [books, setBooks] = useState(BOOKS as BookProps[]); const [isLoading, setIsLoading] = useState(false); const [isSearchActive, setIsSearchActive] = useState(false); const [emptyState, setEmptyState] = useState(false); const [error, setError] = useState(null); const handleSearch = async (query: string) => { if (!query.trim()) { setBooks([]); setEmptyState(true); setIsSearchActive(true); setError(null); return; } setIsLoading(true); setIsSearchActive(true); setEmptyState(false); setError(null); try { const data = await searchBooks(query, 8); if (data.items && data.items.length > 0) { const mappedBooks = data.items.map((item: { id: string; volumeInfo: { title: string; authors: string[]; categories: string[]; imageLinks: { thumbnail?: string }; averageRating: number } }) => ({ id: item.id, title: item.volumeInfo.title || 'Untitled', author: item.volumeInfo.authors ? item.volumeInfo.authors.join(", ") : 'Unknown Author', category: item.volumeInfo.categories ? item.volumeInfo.categories[0] : 'General', cover: item.volumeInfo.imageLinks?.thumbnail?.replace('http:', 'https:') || 'https://placehold.co/300x400/png?text=No+Cover', rating: item.volumeInfo.averageRating || 0, })); setBooks(mappedBooks); } else { setBooks([]); setEmptyState(true); } } catch (error) { console.error("Error fetching books:", error); setError(error instanceof Error ? error.message : "Gagal mengambil data dari Google Books"); setBooks([]); setEmptyState(true); } finally { setIsLoading(false); } }; const resetSearch = () => { setBooks(BOOKS as BookProps[]); setIsSearchActive(false); setEmptyState(false); }; return (
{/* Main Content Area */}
{/* States Rendering */} {isLoading ? (
) : error ? (

Error: Google Books API

{error}

) : emptyState || books.length === 0 ? (

Hasil tidak ditemukan atau input kosong

Silakan masukkan kata kunci yang valid.

) : (
{books.map((book) => ( ))}
)} {/* Load More */} {!isSearchActive && !isLoading && !emptyState && (
)}
); }