\n {/* Header */}\n

\n Find Your Perfect Pet\n

\n Browse our available pets and find your new best friend\n

\n \n {user && (\n setShowRegistrationModal(true)}\n className=\"bg-purple-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-purple-700 transition-colors\"\n >\n Register a Pet for Adoption\n \n )}\n

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

\n {/* Search */}\n

\n \n Search\n \n setFilters(prev => ({ ...prev, search: e.target.value }))}\n placeholder=\"Name, breed, description...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n />\n

\n\n {/* Species */}\n

\n \n Species\n \n setFilters(prev => ({ ...prev, species: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n >\n \n \n \n \n \n \n \n

\n\n {/* Size */}\n

\n \n Size\n \n setFilters(prev => ({ ...prev, size: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n >\n \n \n \n \n \n

\n\n {/* Age */}\n

\n \n Age\n \n setFilters(prev => ({ ...prev, age: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n >\n \n \n \n \n \n \n

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

\n \n Clear Filters\n \n

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

\n Showing {filteredPets.length} of {pets.length} available pets\n

\n\n {/* Pet Grid */}\n {isLoading ? (\n

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

\n {filteredPets.map((pet) => (\n \n ))}\n

\n ) : (\n

🐾

\n No pets found\n

\n {pets.length === 0 \n ? \"No pets are currently available for adoption.\"\n : \"Try adjusting your filters to see more pets.\"\n }\n

\n {pets.length > 0 && (\n \n Clear all filters\n \n )}\n

\n )}\n\n {/* Registration Modal */}\n {showRegistrationModal && (\n setShowRegistrationModal(false)}\n onSuccess={() => {\n setShowRegistrationModal(false);\n loadPets();\n }}\n />\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","pages","permalink","https://www.val.town/x/Aditi_Deshmukh/PetWebsite/code/frontend/pages/Adoption.tsx","extension","actionData","errors"]