import { useState } from 'react'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faChevronLeft, faTrash } from '@fortawesome/free-solid-svg-icons'; import ImageGlow from 'react-image-glow'; import BookCard from '../components/BookCard.jsx'; import { useSavedBooks } from '../context/SavedBooksContext.jsx'; export default function MyBooksPage() { const { savedBooks, removeBook } = useSavedBooks(); const [selected, setSelected] = useState(null); const handleRemove = (title) => { removeBook(title); setSelected(null); }; if (selected) { return (
{selected.thumbImage ? (
{selected.title}
) : (
NO COVER
)}

{selected.title}

{selected.authorName || 'Unknown author'}

{selected.page ? `${selected.page} pages` : 'Page count N/A'} · {selected.rate || '-'} ★

{selected.publisher || 'Publisher unknown'}

{selected.description || 'Description not available.'}

); } return (
{savedBooks.length === 0 &&

Henüz kayitli kitap yok.

} {savedBooks.map((book, index) => ( ))}
); }