Filter Properties

\n \n

\n {/* Property Type */}\n

\n Property Type\n handleFilterChange('type', 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-blue-500 focus:border-transparent\"\n >\n \n \n \n \n \n

\n\n {/* Min Price */}\n

\n Min Price\n handleFilterChange('minPrice', e.target.value ? parseFloat(e.target.value) : undefined)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n {/* Max Price */}\n

\n Max Price\n handleFilterChange('maxPrice', e.target.value ? parseFloat(e.target.value) : undefined)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n {/* Location */}\n

\n Location\n handleFilterChange('location', e.target.value || undefined)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n

\n \n Clear all filters\n \n \n {properties.length} {properties.length === 1 ? 'property' : 'properties'} found\n \n

\n\n {/* Properties Grid */}\n {properties.length === 0 ? (\n

🏠

No properties found

Try adjusting your filters or add a new property listing.

\n ) : (\n

\n {properties.map((property) => (\n \n ))}\n

\n )}\n

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