stephen/apartment-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Change price filter max to mean no limit
Some checks failed
Deploy Apartment Dashboard / deploy (push) Failing after 1s
Details

Browse Source 
When the slider is at max (10000), no price filtering is applied.
Moving below 10000 starts filtering. Display shows "No limit" at max.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Stephen Minakian
2026-01-21 13:12:33 -07:00
parent 4e8d64ddc8
commit 86bed81629
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/App.jsx
View File

@ -384,7 +384,8 @@ const ApartmentDashboard = () => {
// Filter function for units // Filter function for units
const filteredUnits = availableUnits.filter(unit => { const filteredUnits = availableUnits.filter(unit => {
const matchesPrice = (unit.currentPrice || 0) >= priceFilter.min && (unit.currentPrice || 0) <= priceFilter.max; const price = unit.currentPrice || 0;
const matchesPrice = price >= priceFilter.min && (priceFilter.max === 10000 || price <= priceFilter.max);
const matchesBedroom = bedroomFilter === 'all' || (unit.bedCount != null && unit.bedCount.toString() === bedroomFilter); const matchesBedroom = bedroomFilter === 'all' || (unit.bedCount != null && unit.bedCount.toString() === bedroomFilter);
return matchesPrice && matchesBedroom; return matchesPrice && matchesBedroom;
}).sort((a, b) => { }).sort((a, b) => {
@ -672,16 +673,16 @@ const ApartmentDashboard = () => {
</div> </div>
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<label className="text-sm font-medium">Max Price:</label> <label className="text-sm font-medium">Max Price:</label>
<input <input
type="range" type="range"
min="0" min="0"
max="10000" max="10000"
step="100" step="100"
value={priceFilter.max} value={priceFilter.max}
onChange={(e) => setPriceFilter({...priceFilter, max: parseInt(e.target.value)})} onChange={(e) => setPriceFilter({...priceFilter, max: parseInt(e.target.value)})}
className="w-32" className="w-32"
/> />
<span className="text-sm">{formatPrice(priceFilter.max)}</span> <span className="text-sm">{priceFilter.max === 10000 ? 'No limit' : formatPrice(priceFilter.max)}</span>
</div> </div>
<select <select
value={bedroomFilter} value={bedroomFilter}