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) Has been cancelled
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.
This commit is contained in:
Stephen Minakian
2026-01-21 13:12:33 -07:00
parent 4e8d64ddc8
commit 2ffe3a0197
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
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) => {
@ -681,7 +682,7 @@ const ApartmentDashboard = () => {
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}