From 9145a9f4d95cd5a551cfcc144ef137256d751bd8 Mon Sep 17 00:00:00 2001
From: Alexander Borg <borg@servernet.se>
Date: Fri, 19 Sep 2025 14:39:00 +0200
Subject: [PATCH] Fix jwt-token

---
 client/src/pages/Devices.jsx         | 30 ++++++------
 client/src/utils/tempTranslations.js | 68 ++++++++++++++++++++++++++--
 2 files changed, 79 insertions(+), 19 deletions(-)

diff --git a/client/src/pages/Devices.jsx b/client/src/pages/Devices.jsx
index 50e94b8..f7d0521 100644
--- a/client/src/pages/Devices.jsx
+++ b/client/src/pages/Devices.jsx
@@ -426,7 +426,7 @@ const Devices = () => {
             <div className="mt-3">
               <div className="flex items-center justify-between mb-4">
                 <h3 className="text-lg font-medium text-gray-900">
-                  Device Details
+                  {t('devices.deviceDetails')}
                 </h3>
                 <button
                   onClick={() => setShowDetailsModal(false)}
@@ -438,64 +438,64 @@ const Devices = () => {
               
               <div className="space-y-3 text-sm">
                 <div className="flex justify-between">
-                  <span className="font-medium text-gray-700">Device ID:</span>
+                  <span className="font-medium text-gray-700">{t('devices.deviceId')}:</span>
                   <span className="text-gray-900">{selectedDevice.id}</span>
                 </div>
                 
                 <div className="flex justify-between">
-                  <span className="font-medium text-gray-700">Name:</span>
-                  <span className="text-gray-900">{selectedDevice.name || 'Unnamed'}</span>
+                  <span className="font-medium text-gray-700">{t('devices.name')}:</span>
+                  <span className="text-gray-900">{selectedDevice.name || t('devices.unnamed')}</span>
                 </div>
                 
                 <div className="flex justify-between">
-                  <span className="font-medium text-gray-700">Status:</span>
+                  <span className="font-medium text-gray-700">{t('devices.status')}:</span>
                   <span className={`px-2 py-1 rounded-full text-xs font-medium ${
                     getStatusColor(selectedDevice.stats?.status)
                   }`}>
-                    {selectedDevice.stats?.status || 'Unknown'}
+                    {selectedDevice.stats?.status ? t(`devices.${selectedDevice.stats.status}`) : t('devices.unknown')}
                   </span>
                 </div>
                 
                 <div className="flex justify-between">
-                  <span className="font-medium text-gray-700">Approved:</span>
+                  <span className="font-medium text-gray-700">{t('devices.approved')}:</span>
                   <span className={`px-2 py-1 rounded-full text-xs font-medium ${
                     selectedDevice.is_approved ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'
                   }`}>
-                    {selectedDevice.is_approved ? 'Yes' : 'Pending'}
+                    {selectedDevice.is_approved ? t('devices.yes') : t('devices.pending')}
                   </span>
                 </div>
                 
                 {selectedDevice.location_description && (
                   <div className="flex justify-between">
-                    <span className="font-medium text-gray-700">Location:</span>
+                    <span className="font-medium text-gray-700">{t('devices.location')}:</span>
                     <span className="text-gray-900 text-right">{selectedDevice.location_description}</span>
                   </div>
                 )}
                 
                 {(selectedDevice.geo_lat && selectedDevice.geo_lon) && (
                   <div className="flex justify-between">
-                    <span className="font-medium text-gray-700">Coordinates:</span>
+                    <span className="font-medium text-gray-700">{t('devices.coordinates')}:</span>
                     <span className="text-gray-900">{selectedDevice.geo_lat}, {selectedDevice.geo_lon}</span>
                   </div>
                 )}
                 
                 {selectedDevice.last_heartbeat && (
                   <div className="flex justify-between">
-                    <span className="font-medium text-gray-700">Last Heartbeat:</span>
+                    <span className="font-medium text-gray-700">{t('devices.lastHeartbeat')}:</span>
                     <span className="text-gray-900">{format(new Date(selectedDevice.last_heartbeat), 'MMM dd, yyyy HH:mm')}</span>
                   </div>
                 )}
                 
                 {selectedDevice.firmware_version && (
                   <div className="flex justify-between">
-                    <span className="font-medium text-gray-700">Firmware:</span>
+                    <span className="font-medium text-gray-700">{t('devices.firmware')}:</span>
                     <span className="text-gray-900">{selectedDevice.firmware_version}</span>
                   </div>
                 )}
                 
                 {selectedDevice.stats && (
                   <div className="flex justify-between">
-                    <span className="font-medium text-gray-700">Detections (24h):</span>
+                    <span className="font-medium text-gray-700">{t('devices.detections24h')}:</span>
                     <span className={`font-medium ${
                       selectedDevice.stats.detections_24h > 0 ? 'text-red-600' : 'text-green-600'
                     }`}>
@@ -506,7 +506,7 @@ const Devices = () => {
                 
                 {selectedDevice.created_at && (
                   <div className="flex justify-between">
-                    <span className="font-medium text-gray-700">Created:</span>
+                    <span className="font-medium text-gray-700">{t('alerts.created')}:</span>
                     <span className="text-gray-900">{format(new Date(selectedDevice.created_at), 'MMM dd, yyyy HH:mm')}</span>
                   </div>
                 )}
@@ -521,7 +521,7 @@ const Devices = () => {
                     }}
                     className="flex-1 bg-green-100 text-green-700 py-2 px-3 rounded hover:bg-green-200 transition-colors text-sm font-medium"
                   >
-                    ✓ Approve
+                    ✓ {t('devices.approve')}
                   </button>
                 )}
                 
diff --git a/client/src/utils/tempTranslations.js b/client/src/utils/tempTranslations.js
index e05a9a8..327e034 100644
--- a/client/src/utils/tempTranslations.js
+++ b/client/src/utils/tempTranslations.js
@@ -141,7 +141,13 @@ const translations = {
       signalStrong: 'Strong',
       signalGood: 'Good',
       signalWeak: 'Weak',
-      signalLost: 'Lost'
+      signalLost: 'Lost',
+      deviceDetails: 'Device Details',
+      unnamed: 'Unnamed',
+      yes: 'Yes',
+      lastHeartbeat: 'Last Heartbeat',
+      approve: 'Approve',
+      close: 'Close'
     },
     alerts: {
       title: 'Alert Management',
@@ -283,7 +289,31 @@ const translations = {
       showAllDevices: 'Show All Devices',
       showDetections: 'Show Detections',
       filterByTime: 'Filter by Time',
-      realTimeUpdates: 'Real-time Updates'
+      realTimeUpdates: 'Real-time Updates',
+      deviceStatus: 'Device Status',
+      connectionStatus: 'Connection Status',
+      lastHeartbeat: 'Last Heartbeat',
+      recentDetections: 'Recent Detections',
+      systemStatus: 'System Status',
+      emergencyAlert: 'Emergency Alert',
+      criticalThreat: 'Critical Threat',
+      immediateAction: 'Immediate Action Required',
+      multipleContacts: 'Multiple Contacts',
+      noDevicesFound: 'No devices found',
+      mapLegend: 'Map Legend',
+      deviceDetecting: 'Device Detecting',
+      droneDetectionRings: 'Drone Detection Rings',
+      ringsDescription: 'Rings show estimated detection range based on RSSI',
+      orlanMilitary: 'Orlan/Military (Always Critical)',
+      closeRange: 'Close Range (>-60dBm)',
+      mediumRange: 'Medium Range (-60 to -70dBm)',
+      farRange: 'Far Range (<-70dBm)',
+      multipleDrones: 'Multiple Drones at Same Detector',
+      differentColors: 'Different colors to distinguish drones',
+      differentPatterns: 'Different dash patterns',
+      droneLabels: 'Drone ID labels shown',
+      positionOffsets: 'Slight position offsets for visibility',
+      ringSize: 'Ring size = estimated distance from detector'
     },
     app: {
       title: 'UAM-ILS Drone Detection System',
@@ -482,7 +512,13 @@ const translations = {
       signalStrong: 'Stark',
       signalGood: 'Bra',
       signalWeak: 'Svag',
-      signalLost: 'Förlorad'
+      signalLost: 'Förlorad',
+      deviceDetails: 'Enhetsdetaljer',
+      unnamed: 'Namnlös',
+      yes: 'Ja',
+      lastHeartbeat: 'Senaste pulsslag',
+      approve: 'Godkänn',
+      close: 'Stäng'
     },
     alerts: {
       title: 'Larmhantering',
@@ -624,7 +660,31 @@ const translations = {
       showAllDevices: 'Visa alla enheter',
       showDetections: 'Visa detekteringar',
       filterByTime: 'Filtrera efter tid',
-      realTimeUpdates: 'Realtidsuppdateringar'
+      realTimeUpdates: 'Realtidsuppdateringar',
+      deviceStatus: 'Enhetsstatus',
+      connectionStatus: 'Anslutningsstatus',
+      lastHeartbeat: 'Senaste pulsslag',
+      recentDetections: 'Senaste detekteringar',
+      systemStatus: 'Systemstatus',
+      emergencyAlert: 'Nödlarm',
+      criticalThreat: 'Kritiskt hot',
+      immediateAction: 'Omedelbar åtgärd krävs',
+      multipleContacts: 'Flera kontakter',
+      noDevicesFound: 'Inga enheter hittades',
+      mapLegend: 'Kartteckenförklaring',
+      deviceDetecting: 'Enhet detekterar',
+      droneDetectionRings: 'Drönardetekteringsringar',
+      ringsDescription: 'Ringar visar uppskattad detekteringsräckvidd baserat på RSSI',
+      orlanMilitary: 'Orlan/Militär (Alltid kritisk)',
+      closeRange: 'Närområde (>-60dBm)',
+      mediumRange: 'Medelområde (-60 till -70dBm)',
+      farRange: 'Långdistans (<-70dBm)',
+      multipleDrones: 'Flera drönare vid samma detektor',
+      differentColors: 'Olika färger för att skilja drönare åt',
+      differentPatterns: 'Olika streckmönster',
+      droneLabels: 'Drönar-ID-etiketter visas',
+      positionOffsets: 'Lätta positionsförskjutningar för synlighet',
+      ringSize: 'Ringstorlek = uppskattad distans från detektor'
     },
     app: {
       title: 'UAM-ILS Drönardetekteringssystem',