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

Revert: drag ghost back to small badge style

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HotelSync
2026-03-21 01:02:43 +03:00
parent 80e3b21827
commit 456a35e00d
1 changed files with 11 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/calendar/BookingCalendar.tsx
View File

@@ -753,26 +753,17 @@ export function BookingCalendar({ rooms, bookings, slug, onBookingCreate, onBook
)} )}
{/* Drag ghost element */} {/* Drag ghost element */}
{movingBooking && ghostPos && (() => { {movingBooking && ghostPos && (
const nights = differenceInDays(parseISO(movingBooking.checkOut), parseISO(movingBooking.checkIn))
const ghostWidth = Math.max(80, Math.min(nights * CELL_WIDTH - 4, 320))
return (
<div <div
className={cn( className={cn(
'fixed z-[9999] pointer-events-none flex items-center px-2 rounded-md text-white text-xs font-semibold shadow-2xl border-l-4 opacity-90', 'fixed z-[9999] pointer-events-none px-3 py-1.5 rounded-lg text-white text-xs font-semibold shadow-xl border-2 border-white/40',
BOOKING_STATUS_COLORS[movingBooking.status], BOOKING_STATUS_COLORS[movingBooking.status],
)} )}
style={{ style={{ left: ghostPos.x + 14, top: ghostPos.y - 16 }}
left: ghostPos.x - ghostWidth / 2,
top: ghostPos.y - ROW_HEIGHT / 2 + 4,
width: ghostWidth,
height: ROW_HEIGHT - 8,
}}
> >
<span className="truncate drop-shadow-sm">{movingBooking.guestName}</span> {movingBooking.guestName}
</div> </div>
) )}
})()}
{/* Rental booking modal */} {/* Rental booking modal */}
{rentalModal && ( {rentalModal && (