Overhaul of the highlight system

frontend/components/navigation/ListOfDetectors.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import React, { useState } from 'react'
+import * as statusColors from '../../lib/statusColors'
 
 interface DetectorsDataType {
   detectors: Record<string, DetectorType>
@@ -58,19 +59,27 @@ const ListOfDetectors: React.FC<ListOfDetectorsProps> = ({ objectId, detectorsDa
 
   const getStatusColor = (status: string) => {
     switch (status) {
-      case '#b3261e': return 'bg-red-500'
-      case '#fd7c22': return 'bg-orange-500'
-      case '#00ff00': return 'bg-green-500'
-      default: return 'bg-gray-500'
+      case statusColors.STATUS_COLOR_CRITICAL:
+        return 'bg-red-500'
+      case statusColors.STATUS_COLOR_WARNING:
+        return 'bg-orange-500'
+      case statusColors.STATUS_COLOR_NORMAL:
+        return 'bg-green-500'
+      default:
+        return 'bg-gray-500'
     }
   }
 
   const getStatusText = (status: string) => {
     switch (status) {
-      case '#b3261e': return 'Критический'
-      case '#fd7c22': return 'Предупреждение'
-      case '#00ff00': return 'Норма'
-      default: return 'Неизвестно'
+      case statusColors.STATUS_COLOR_CRITICAL:
+        return 'Критический'
+      case statusColors.STATUS_COLOR_WARNING:
+        return 'Предупреждение'
+      case statusColors.STATUS_COLOR_NORMAL:
+        return 'Норма'
+      default:
+        return 'Неизвестно'
     }
   }
 
@@ -168,4 +177,4 @@ const ListOfDetectors: React.FC<ListOfDetectorsProps> = ({ objectId, detectorsDa
   )
 }
 
-export default ListOfDetectors
+export default ListOfDetectors