{book.title}

by {book.author}

ISBN: {book.isbn}

\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\n

\n Publisher:\n {book.publisher}\n

\n Genre:\n {book.genre}\n

\n Availability:\n {book.available_copies} / {book.total_copies}\n

\n {book.location && (\n

\n Location:\n {book.location}\n

\n )}\n

\n\n setSelectedBook(book)}\n className=\"w-full bg-blue-50 hover:bg-blue-100 text-blue-700 py-2 px-4 rounded-lg transition-colors\"\n >\n View Details\n \n

\n );\n\n return (\n

\n {/* Header */}\n

Search & Browse Catalog

Find books in the library collection

\n\n {/* Search Form */}\n

\n {/* Main Search */}\n

\n \n Search Books\n \n

\n setSearchQuery(e.target.value)}\n className=\"flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Search by title, author, or ISBN...\"\n />\n \n {loading ? \"Searching...\" : \"🔍 Search\"}\n \n

\n\n {/* Filters */}\n

\n \n Author\n \n setFilters(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 Genre\n \n setFilters(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 >\n \n {filterOptions.genres.map(genre => (\n \n ))}\n \n

\n\n

\n \n Subject\n \n setFilters(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 >\n \n {filterOptions.subjects.map(subject => (\n \n ))}\n \n

\n\n

\n \n Level\n \n setFilters(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 >\n \n {filterOptions.levels.map(level => (\n \n ))}\n \n

\n\n {/* Additional Options */}\n

\n \n setFilters(prev => ({ ...prev, available_only: e.target.checked }))}\n className=\"mr-2 rounded border-gray-300 text-blue-600 focus:ring-blue-500\"\n />\n Show only available books\n \n\n \n Clear all filters\n \n

\n\n {/* Results */}\n

\n Search Results ({books.length} books found)\n

\n\n {loading ? (\n

\n Searching books...\n

\n ) : books.length > 0 ? (\n

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

\n ) : (\n

📚

No books found

Try adjusting your search criteria or filters.

\n )}\n

\n\n {/* Book Details Modal */}\n {selectedBook && (\n

Book Details

\n setSelectedBook(null)}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n ✕\n \n

\n\n

{selectedBook.title}

by {selectedBook.author}

\n\n

\n ISBN\n

{selectedBook.isbn}

\n Publisher\n

{selectedBook.publisher}

\n Edition\n

{selectedBook.edition || \"Not specified\"}

\n Genre\n

{selectedBook.genre}

\n Subject\n

{selectedBook.subject}

\n Level\n

{selectedBook.level}

\n Availability\n

\n {selectedBook.available_copies} of {selectedBook.total_copies} available\n

\n Location\n

{selectedBook.location || \"Not specified\"}

\n\n {selectedBook.description && (\n

\n Description\n

{selectedBook.description}

\n )}\n\n

\n 0 ? \"bg-green-100 text-green-800\" : \"bg-red-100 text-red-800\"\n }`}>\n {selectedBook.available_copies > 0 ? \"Available for checkout\" : \"Currently unavailable\"}\n \n \n setSelectedBook(null)}\n className=\"px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg transition-colors\"\n >\n Close\n \n

\n )}\n

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