Fix scan button placement: remove from detail panel docs tab, make compact in booking modal

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-16 14:55:24 +03:00
parent fa5b3c7fc9
commit 84c90bcab1
2 changed files with 12 additions and 18 deletions

View File

@@ -463,12 +463,6 @@ export function BookingDetailPanel({ booking, room, onClose, onUpdate }: Booking
</div> </div>
)) ))
} }
<button
onClick={() => showToast('Для сканирования подключите RFID/OCR сканер')}
className="w-full flex items-center justify-center gap-2 py-2.5 rounded-xl border-2 border-dashed border-slate-300 dark:border-slate-600 text-slate-500 dark:text-slate-400 text-sm font-medium hover:border-brand-400 hover:text-brand-600 dark:hover:text-brand-400 transition-colors mt-2"
>
<ScanLine size={16} /> Сканировать документ
</button>
<div className="pt-3 mt-1 border-t border-slate-100 dark:border-slate-700"> <div className="pt-3 mt-1 border-t border-slate-100 dark:border-slate-700">
<button <button
onClick={() => showToast('🖨 Комплект документов отправлен на печать')} onClick={() => showToast('🖨 Комплект документов отправлен на печать')}

View File

@@ -653,19 +653,19 @@ export function BookingModal({ open, draft, rooms, onClose, onSave, existing }:
{/* ── PASSPORT TAB ── */} {/* ── PASSPORT TAB ── */}
{activeTab === 'passport' && ( {activeTab === 'passport' && (
<div className="space-y-4"> <div className="space-y-4">
{/* Scan button */} {/* Document type + scan */}
<div className="flex items-center justify-between gap-3">
<label className="block text-sm font-medium text-slate-700 dark:text-slate-300">Тип документа</label>
<button <button
type="button" type="button"
onClick={() => alert('Для сканирования подключите RFID/OCR сканер паспорта')} onClick={() => alert('Для сканирования подключите RFID/OCR сканер паспорта')}
className="w-full flex items-center justify-center gap-2 py-3 rounded-xl border-2 border-dashed border-brand-300 dark:border-brand-700 text-brand-600 dark:text-brand-400 text-sm font-medium hover:bg-brand-50 dark:hover:bg-brand-900/20 transition-colors" className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-dashed border-brand-300 dark:border-brand-600 text-brand-600 dark:text-brand-400 text-xs font-medium hover:bg-brand-50 dark:hover:bg-brand-900/20 transition-colors shrink-0"
> >
<ScanLine size={18} /> <ScanLine size={13} /> Сканировать
Сканировать паспорт
</button> </button>
</div>
{/* Document type */}
<div> <div>
<label className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">Тип документа</label> <div className="h-0" />
<div className="flex gap-2"> <div className="flex gap-2">
{DOC_TYPES.map(dt => ( {DOC_TYPES.map(dt => (
<button <button