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

Update Delta column to show daily price change
All checks were successful
CI/CD Pipeline - Apartment Dashboard / Run Linter (push) Successful in 9m33s
Details
CI/CD Pipeline - Apartment Dashboard / Build & Push Image (push) Successful in 31s
Details
CI/CD Pipeline - Apartment Dashboard / Deploy to Production (push) Successful in 14s
Details

Browse Source 
Display today vs yesterday price difference with colored arrows:
- Red up arrow for price increases
- Green down arrow for price decreases
- Gray for no change or missing data

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Stephen Minakian
2026-01-23 12:19:36 -07:00
parent 52b1ac205d
commit cfd185f577
1 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/App.jsx
View File

@ -430,7 +430,7 @@ const ApartmentDashboard = () => {
case 'daysAvailable': return dir * ((a.daysAvailable || 0) - (b.daysAvailable || 0)); case 'daysAvailable': return dir * ((a.daysAvailable || 0) - (b.daysAvailable || 0));
case 'maxPrice': return dir * ((a.maxPrice || 0) - (b.maxPrice || 0)); case 'maxPrice': return dir * ((a.maxPrice || 0) - (b.maxPrice || 0));
case 'minPrice': return dir * ((a.minPrice || 0) - (b.minPrice || 0)); case 'minPrice': return dir * ((a.minPrice || 0) - (b.minPrice || 0));
case 'delta': return dir * (((a.maxPrice || 0) - (a.minPrice || 0)) - ((b.maxPrice || 0) - (b.minPrice || 0))); case 'delta': return dir * ((a.priceChangeToday || 0) - (b.priceChangeToday || 0));
case 'soonest': return dir * (a.soonest || '').localeCompare(b.soonest || ''); case 'soonest': return dir * (a.soonest || '').localeCompare(b.soonest || '');
default: return 0; default: return 0;
} }
@ -1084,7 +1084,25 @@ const ApartmentDashboard = () => {
{visibleColumns.days && <td className="py-3 px-4 text-center">{unit.daysAvailable || 0}</td>} {visibleColumns.days && <td className="py-3 px-4 text-center">{unit.daysAvailable || 0}</td>}
{visibleColumns.high && <td className="py-3 px-4 text-right text-gray-600">{formatPrice(unit.maxPrice)}</td>} {visibleColumns.high && <td className="py-3 px-4 text-right text-gray-600">{formatPrice(unit.maxPrice)}</td>}
{visibleColumns.low && <td className="py-3 px-4 text-right text-gray-600">{formatPrice(unit.minPrice)}</td>} {visibleColumns.low && <td className="py-3 px-4 text-right text-gray-600">{formatPrice(unit.minPrice)}</td>}
{visibleColumns.delta && <td className="py-3 px-4 text-right text-gray-600">{formatPrice((unit.maxPrice || 0) - (unit.minPrice || 0))}</td>} {visibleColumns.delta && (
<td className={`py-3 px-4 text-right ${
unit.priceChangeToday > 0 ? 'text-red-600' :
unit.priceChangeToday < 0 ? 'text-green-600' :
'text-gray-500'
}`}>
<span className="flex items-center justify-end">
{unit.priceChangeToday !== null && unit.priceChangeToday !== 0 && (
unit.priceChangeToday > 0
? <ArrowUp className="w-4 h-4 mr-1" />
: <ArrowDown className="w-4 h-4 mr-1" />
)}
{unit.priceChangeToday !== null
? `${unit.priceChangeToday > 0 ? '+' : ''}${formatPrice(unit.priceChangeToday)}`
: '--'
}
</span>
</td>
)}
{visibleColumns.soonest && <td className="py-3 px-4 text-center">{unit.soonest ? (new Date(unit.soonest) <= new Date() ? 'Now' : formatDate(unit.soonest)) : '-'}</td>} {visibleColumns.soonest && <td className="py-3 px-4 text-center">{unit.soonest ? (new Date(unit.soonest) <= new Date() ? 'Now' : formatDate(unit.soonest)) : '-'}</td>}
{visibleColumns.actions && ( {visibleColumns.actions && (
<td className="py-3 px-4 text-center"> <td className="py-3 px-4 text-center">