Book Management

Add, edit, and manage your library's book collection

\n setShowAddForm(true)}\n className=\"btn-primary text-white px-6 py-3 rounded-lg font-medium\"\n >\n 📚 Add New Book\n \n

\n\n {/* Messages */}\n {error && (\n

{error}

\n )}\n\n {success && (\n

{success}

\n )}\n\n {/* Add/Edit Form Modal */}\n {showAddForm && (\n

\n {editingBook ? \"Edit Book\" : \"Add New Book\"}\n

\n \n ✕\n \n

\n\n

\n \n ISBN *\n \n setFormData(prev => ({ ...prev, isbn: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"978-0-123456-78-9\"\n />\n

\n\n

\n \n Title *\n \n setFormData(prev => ({ ...prev, title: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Book title\"\n />\n

\n\n

\n \n Author *\n \n setFormData(prev => ({ ...prev, author: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Author name\"\n />\n

\n\n

\n \n Publisher *\n \n setFormData(prev => ({ ...prev, publisher: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Publisher name\"\n />\n

\n\n

\n \n Edition\n \n setFormData(prev => ({ ...prev, edition: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"1st, 2nd, etc.\"\n />\n

\n\n

\n \n Genre\n \n setFormData(prev => ({ ...prev, genre: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Fiction, Non-fiction, etc.\"\n />\n

\n\n

\n \n Subject\n \n setFormData(prev => ({ ...prev, subject: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Science, History, etc.\"\n />\n

\n\n

\n \n Level\n \n setFormData(prev => ({ ...prev, level: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Beginner, Intermediate, etc.\"\n />\n

\n\n

\n \n Total Copies\n \n setFormData(prev => ({ ...prev, total_copies: parseInt(e.target.value) || 1 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n

\n \n Available Copies\n \n setFormData(prev => ({ ...prev, available_copies: parseInt(e.target.value) || 0 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n

\n \n Location\n \n setFormData(prev => ({ ...prev, location: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Shelf location (e.g., A1, B2)\"\n />\n

\n\n

\n \n Description\n \n setFormData(prev => ({ ...prev, description: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n rows={3}\n placeholder=\"Brief description of the book\"\n />\n

\n\n

\n \n Cancel\n \n \n {loading ? \"Saving...\" : (editingBook ? \"Update Book\" : \"Add Book\")}\n \n

\n )}\n\n {/* Books Table */}\n

\n \n \n \n \n \n \n \n \n \n \n \n {books.map((book) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Book Details\n	\n Category\n	\n Availability\n	\n Location\n	\n Actions\n
\n \n {book.title} \n by {book.author} \n ISBN: {book.isbn} \n \n	\n {book.genre} \n {book.subject} \n	\n \n {book.available_copies} / {book.total_copies}\n \n 0 ? \"bg-green-100 text-green-800\" : \"bg-red-100 text-red-800\"\n }`}>\n {book.available_copies > 0 ? \"Available\" : \"Out of Stock\"}\n \n	\n {book.location \|\| \"Not specified\"}\n	\n handleEdit(book)}\n className=\"text-blue-600 hover:text-blue-900\"\n >\n Edit\n \n {user.role === \"admin\" && (\n handleDelete(book)}\n className=\"text-red-600 hover:text-red-900\"\n >\n Delete\n \n )}\n

\n\n {books.length === 0 && !loading && (\n

📚

No books found

Start by adding your first book to the library.

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/priyanshu2307/untitled-7020/code/frontend/components/BookManagement.tsx","extension","actionData","errors"]