\n {[1, 2, 3, 4, 5].map((star) => (\n \n ★\n \n ))}\n

\n );\n };\n\n const formatDate = (dateString?: string) => {\n if (!dateString) return null;\n return new Date(dateString).toLocaleDateString();\n };\n\n return (\n

\n {/* Header with status and actions */}\n

\n \n {getStatusText(book.status)}\n \n

\n onEdit(book)}\n className=\"text-gray-400 hover:text-blue-600 transition-colors\"\n title=\"Edit book\"\n >\n ✏️\n \n onDelete(book.id!)}\n className=\"text-gray-400 hover:text-red-600 transition-colors\"\n title=\"Delete book\"\n >\n 🗑️\n \n

\n\n {/* Book info */}\n

\n {book.title}\n

by {book.author}

\n \n {book.genre && (\n \n {book.genre}\n \n )}\n

\n\n {/* Rating */}\n {book.rating && (\n

\n {renderStars(book.rating)}\n

\n )}\n\n {/* Description */}\n {book.description && (\n

\n {book.description}\n

\n )}\n\n {/* Book details */}\n

\n {book.pages && (\n

📄 {book.pages} pages

\n )}\n {book.publishedYear && (\n

📅 Published {book.publishedYear}

\n )}\n {book.isbn && (\n

🔢 ISBN: {book.isbn}

\n )}\n {book.status === 'read' && book.dateRead && (\n

✅ Finished {formatDate(book.dateRead)}

\n )}\n

\n\n {/* Notes */}\n {book.notes && (\n

\n \"{book.notes}\"\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/lilac/simanon/code/frontend/components/BookCard.tsx","extension","actionData","errors"]