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

Remove watch button from units page and detail view

Browse Source
This commit is contained in:
Stephen Minakian
2026-01-21 12:00:46 -07:00
parent 69542f08cd
commit 431f2bf82f
1 changed files with 13 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/App.jsx
View File

@ -766,24 +766,12 @@ const ApartmentDashboard = () => {
</div>
</div>
<div className="flex space-x-2">
<button
onClick={() => openUnitDetail(unit)}
className="flex-1 bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors"
>
View Details
</button>
<button
onClick={() => toggleWatchUnit(unit.unitCode)}
className={`px-4 py-2 rounded-md transition-colors ${
watchedUnits.has(unit.unitCode)
? 'bg-yellow-500 text-white hover:bg-yellow-600'
: 'bg-gray-200 text-gray-700 hover:bg-gray-300'
}`}
>
<Eye className="w-4 h-4" />
</button>
</div>
<button
onClick={() => openUnitDetail(unit)}
className="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors"
>
View Details
</button>
</div>
</div>
))}
@ -885,25 +873,13 @@ const ApartmentDashboard = () => {
<td className="py-3 px-4 text-right text-gray-500">${((unit.currentPrice || 0) / (unit.area || 1)).toFixed(2)}</td>
<td className="py-3 px-4 text-center">{unit.daysAvailable || 0}</td>
<td className="py-3 px-4 text-center">{unit.soonest ? (new Date(unit.soonest) <= new Date() ? 'Now' : formatDate(unit.soonest)) : '-'}</td>
<td className="py-3 px-4">
<div className="flex justify-center space-x-2">
<button
onClick={() => openUnitDetail(unit)}
className="bg-blue-600 text-white py-1 px-3 rounded-md hover:bg-blue-700 transition-colors text-sm"
>
Details
</button>
<button
onClick={() => toggleWatchUnit(unit.unitCode)}
className={`p-1 rounded-md transition-colors ${
watchedUnits.has(unit.unitCode)
? 'bg-yellow-500 text-white hover:bg-yellow-600'
: 'bg-gray-200 text-gray-700 hover:bg-gray-300'
}`}
>
<Eye className="w-4 h-4" />
</button>
</div>
<td className="py-3 px-4 text-center">
<button
onClick={() => openUnitDetail(unit)}
className="bg-blue-600 text-white py-1 px-3 rounded-md hover:bg-blue-700 transition-colors text-sm"
>
Details
</button>
</td>
</tr>
))}
@ -1270,19 +1246,6 @@ const ApartmentDashboard = () => {
</div>
)}
</div>
<div className="flex space-x-2">
<button
onClick={() => toggleWatchUnit(selectedUnit.unitCode)}
className={`flex-1 py-2 px-4 rounded-md transition-colors ${
watchedUnits.has(selectedUnit.unitCode)
? 'bg-yellow-500 text-white hover:bg-yellow-600'
: 'bg-blue-600 text-white hover:bg-blue-700'
}`}
>
{watchedUnits.has(selectedUnit.unitCode) ? 'Stop Watching' : 'Watch This Unit'}
</button>
</div>
</div>
</div>
</div>