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

fix: allow cross-origin image loading + hide legend on small screens

Browse Source 
- Set crossOriginResourcePolicy: cross-origin in helmet so browsers
  can load uploaded images from api.hotelsync.ru when app runs on
  app.hotelsync.ru (was blocked by same-origin CORP header)
- Hide booking status legend squares below lg breakpoint (hidden lg:flex)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HotelSync
2026-03-24 20:08:48 +03:00
parent 018b119772
commit 0e3a7347e0
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
backend/src/app.ts
View File

@@ -49,7 +49,7 @@ export async function buildApp() {
await fastify.register(staticFiles, { root: uploadsDir, prefix: '/uploads/' }) await fastify.register(staticFiles, { root: uploadsDir, prefix: '/uploads/' })
// ── Security ─────────────────────────────────────────────────────────────── // ── Security ───────────────────────────────────────────────────────────────
await fastify.register(helmet, { contentSecurityPolicy: false }) await fastify.register(helmet, { contentSecurityPolicy: false, crossOriginResourcePolicy: { policy: 'cross-origin' } })
await fastify.register(cors, { await fastify.register(cors, {
origin: config.cors.origins, origin: config.cors.origins,

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

@@ -367,11 +367,11 @@ export function BookingCalendar({ rooms, bookings, slug, onBookingCreate, onBook
<div className="flex-1" /> <div className="flex-1" />
{/* Legend */} {/* Legend */}
<div className="hidden md:flex items-center gap-2 text-xs text-slate-500"> <div className="hidden lg:flex items-center gap-2 text-xs text-slate-500">
{(['confirmed', 'checked_in', 'checked_out', 'inquiry'] as const).map(s => ( {(['confirmed', 'checked_in', 'checked_out', 'inquiry'] as const).map(s => (
<div key={s} className="flex items-center gap-1"> <div key={s} className="flex items-center gap-1.5">
<div className={cn('w-2.5 h-2.5 rounded-sm shrink-0', BOOKING_STATUS_COLORS[s].split(' ')[0])} /> <div className={cn('w-2.5 h-2.5 rounded-sm shrink-0', BOOKING_STATUS_COLORS[s].split(' ')[0])} />
<span className="hidden lg:inline">{BOOKING_STATUS_LABELS[s]}</span> <span>{BOOKING_STATUS_LABELS[s]}</span>
</div> </div>
))} ))}
</div> </div>