From d6bb46a67f4fa1b27b6a1b6be64cbfebae85f86f Mon Sep 17 00:00:00 2001
From: HotelSync <admin@hotelsync.ru>
Date: Thu, 2 Apr 2026 23:35:47 +0300
Subject: [PATCH] feat: show maintenance note in history card expanded details

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/HousekeepingPage.tsx | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/pages/HousekeepingPage.tsx b/src/pages/HousekeepingPage.tsx
index c2f3b22..3fa7db2 100644
--- a/src/pages/HousekeepingPage.tsx
+++ b/src/pages/HousekeepingPage.tsx
@@ -1274,7 +1274,7 @@ function HistoryCard({ task, slug }: { task: HousekeepingTask; slug: string }) {
             {detailLoading
               ? <Loader2 size={11} className="animate-spin" />
               : <ChevronRight size={11} className={cn('transition-transform', expanded && 'rotate-90')} />}
-            {expanded ? 'Скрыть детали' : 'Чек-лист и минибар'}
+            {expanded ? 'Скрыть детали' : task.maintenanceNote ? 'Чек-лист, минибар, замечания' : 'Чек-лист и минибар'}
           </button>
 
           {/* Expanded details */}
@@ -1308,6 +1308,27 @@ function HistoryCard({ task, slug }: { task: HousekeepingTask; slug: string }) {
                 <p className="text-xs text-slate-400">Чек-лист не настроен</p>
               )}
 
+              {/* Maintenance note */}
+              {task.maintenanceNote && (
+                <div className={cn(
+                  'rounded-lg px-2.5 py-2 space-y-0.5',
+                  task.maintenanceSeverity === 'high'   ? 'bg-red-50 dark:bg-red-900/20'    :
+                  task.maintenanceSeverity === 'medium' ? 'bg-amber-50 dark:bg-amber-900/15' :
+                                                          'bg-slate-50 dark:bg-slate-700/40',
+                )}>
+                  <p className={cn(
+                    'text-[10px] font-semibold uppercase tracking-wide flex items-center gap-1',
+                    task.maintenanceSeverity === 'high'   ? 'text-red-600 dark:text-red-400'    :
+                    task.maintenanceSeverity === 'medium' ? 'text-amber-600 dark:text-amber-400' :
+                                                            'text-slate-500',
+                  )}>
+                    <Wrench size={10} />
+                    {task.maintenanceSeverity === 'high' ? 'Экстренно' : task.maintenanceSeverity === 'medium' ? 'Замечание' : 'Тех. замечание'}
+                  </p>
+                  <p className="text-xs text-slate-700 dark:text-slate-300">{task.maintenanceNote}</p>
+                </div>
+              )}
+
               {/* Minibar */}
               <div className="space-y-1">
                 <p className="text-[10px] font-semibold text-slate-500 uppercase tracking-wide flex items-center gap-1">