golomazov/hotelsync
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make rental booking rows clickable to open edit modal

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HotelSync
2026-03-16 15:20:48 +03:00
parent a787affa72
commit 92f0270290
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/BookingsPage.tsx
View File

@@ -293,7 +293,7 @@ export function BookingsPage() {
{filteredRental.map(b => { {filteredRental.map(b => {
const obj = rentalObj(b.objectId) const obj = rentalObj(b.objectId)
return ( return (
<tr key={b.id} className="border-b border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-700/30 transition-colors"> <tr key={b.id} onClick={() => obj && setShowRentalModal({ obj, date: b.date, editBooking: b })} className="border-b border-slate-100 dark:border-slate-700/50 hover:bg-slate-50 dark:hover:bg-slate-700/30 transition-colors cursor-pointer">
<td className="px-4 py-3"> <td className="px-4 py-3">
<p className="font-medium text-slate-900 dark:text-slate-100">{b.guestName}</p> <p className="font-medium text-slate-900 dark:text-slate-100">{b.guestName}</p>
<p className="text-xs text-slate-500 dark:text-slate-400">{b.guestPhone}</p> <p className="text-xs text-slate-500 dark:text-slate-400">{b.guestPhone}</p>