From cae03bca54ee98b6c79cd65ab0712c3c092411b8 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Fri, 19 Dec 2025 19:39:21 -0800
Subject: [PATCH] fix(ts): Resolve type errors in VisitorManagementPage

---
 frontend/src/pages/VisitorManagementPage.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/VisitorManagementPage.tsx b/frontend/src/pages/VisitorManagementPage.tsx
index 0ad3217..16c0176 100644
--- a/frontend/src/pages/VisitorManagementPage.tsx
+++ b/frontend/src/pages/VisitorManagementPage.tsx
@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import {
     Users, UserPlus, LogIn, LogOut, Building, Search,
     Filter, Download, Calendar, Shield, AlertTriangle, X,
-    History, LayoutGrid, Camera, MapPin, Clock, MoreHorizontal
+    History, LayoutGrid, Camera, MapPin, Clock, MoreHorizontal, Plus
 } from 'lucide-react';
 
 import { visitorsApi, Visitor, VisitorLog, ActiveVisitor, AccessZone } from '../lib/visitorsApi';
@@ -33,7 +33,7 @@ export default function VisitorManagementPage() {
         try {
             if (activeTab === 'active') {
                 const { visitors } = await visitorsApi.getActive();
-                setActiveVisitors(visitors);
+                setActiveVisitors(visitors.map(v => ({ ...v, id: v.logId })));
             } else if (activeTab === 'all' || activeTab === 'gallery') {
                 const { visitors } = await visitorsApi.getAll({ search: searchQuery || undefined });
                 setAllVisitors(visitors);
@@ -79,11 +79,11 @@ export default function VisitorManagementPage() {
     };
 
     const getTypeBadge = (type: string) => {
-        const variants: Record<string, 'accent' | 'warning' | 'error' | 'active' | 'default'> = {
+        const variants: Record<string, 'default' | 'pending' | 'active' | 'completed' | 'error'> = {
             VISITOR: 'active',
-            CONTRACTOR: 'warning',
+            CONTRACTOR: 'pending',
             INSPECTOR: 'error',
-            VENDOR: 'accent',
+            VENDOR: 'default',
             DELIVERY: 'default',
             OTHER: 'default'
         };
@@ -376,7 +376,7 @@ export default function VisitorManagementPage() {
                                                 <div className="bg-slate-100 dark:bg-slate-900 p-3 rounded-2xl group-hover:bg-indigo-500/10 transition-colors">
                                                     <MapPin size={24} className="text-slate-400 group-hover:text-indigo-500" />
                                                 </div>
-                                                <StatusBadge status={zone.escortRequired ? "warning" : "active"} label={zone.code} />
+                                                <StatusBadge status={zone.escortRequired ? "pending" : "active"} label={zone.code} />
                                             </div>
                                             <h3 className="text-lg font-bold tracking-tight mb-1">{zone.name}</h3>
                                             <p className="text-xs text-slate-500 leading-relaxed">{zone.description || 'No zone constraints defined.'}</p>