Chg: update image tag in helm values to v2.8.0-RC1

.prettierignore

@@ -3,4 +3,3 @@ build
 dist
 node_modules
 .github
-/helm

helm/values.yaml

@@ -8,7 +8,7 @@ fullnameOverride: ""
 images:
   owgwui:
     repository: tip-tip-wlan-cloud-ucentral.jfrog.io/owgw-ui
-    tag: v2.11.0-RC1
+    tag: v2.8.0-RC1
     pullPolicy: Always
 
 services:

package.json

@@ -1,13 +1,13 @@
 {
   "name": "ucentral-client",
-  "version": "2.11.0(7)",
+  "version": "2.8.0(44)",
   "description": "",
   "private": true,
   "main": "index.tsx",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "format": "prettier --write \"src/**/*x.{ts,tsx,js,jsx}\"",
+    "format": "prettier --write \"src/**/*.js\"",
     "analyze": "source-map-explorer 'build/static/js/*.js'",
     "lint": "TIMING=1 eslint \"src/**/*.{ts,tsx,js,jsx}\" --fix",
     "clean": "rm -rf node_modules && rm -rf build"
@@ -15,86 +15,78 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@chakra-ui/anatomy": "^2.1.1",
-    "@chakra-ui/icons": "^2.0.18",
+    "@chakra-ui/icons": "^2.0.11",
     "@chakra-ui/react": "^2.3.6",
-    "@chakra-ui/styled-system": "^2.9.0",
     "@chakra-ui/theme-tools": "^2.0.12",
-    "@chakra-ui/utils": "^2.0.14",
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
-    "@fontsource/inter": "^4.5.15",
-    "@googlemaps/react-wrapper": "^1.1.35",
-    "@googlemaps/typescript-guards": "^2.0.3",
-    "@hello-pangea/dnd": "^16.2.0",
-    "@phosphor-icons/react": "^2.0.8",
-    "@react-spring/web": "^9.7.2",
-    "@tanstack/react-query": "^4.29.3",
-    "@tanstack/react-table": "^8.8.5",
-    "@textea/json-viewer": "^2.16.2",
-    "axios": "^1.3.5",
+    "@chakra-ui/utils": "^2.0.11",
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "@fontsource/inter": "^4.5.14",
+    "@react-spring/web": "^9.5.5",
+    "axios": "^1.1.3",
     "buffer": "^6.0.3",
-    "chakra-react-select": "^4.6.0",
-    "chart.js": "^3.9.1",
+    "chakra-react-select": "^4.3.0",
     "dagre": "^0.8.5",
-    "fast-equals": "^5.0.1",
     "formik": "^2.2.9",
-    "framer-motion": "^10.12.2",
-    "i18next": "^22.4.14",
-    "i18next-browser-languagedetector": "^7.0.1",
-    "i18next-http-backend": "^2.2.0",
-    "libphonenumber-js": "^1.10.26",
+    "framer-motion": "^7.6.1",
+    "i18next": "^22.0.0",
+    "i18next-browser-languagedetector": "^6.1.8",
+    "i18next-http-backend": "^1.4.4",
+    "libphonenumber-js": "^1.10.14",
+    "phosphor-react": "^1.4.1",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-app-polyfill": "^3.0.0",
     "react-chartjs-2": "^4.3.1",
-    "react-country-flag": "^3.1.0",
+    "chart.js": "^3.9.1",
+    "react-country-flag": "^3.0.2",
     "react-csv": "^2.2.2",
-    "react-datepicker": "^4.11.0",
+    "react-datepicker": "^4.8.0",
     "react-dom": "^18.2.0",
-    "react-fast-compare": "^3.2.1",
-    "react-i18next": "^12.2.0",
+    "@textea/json-viewer": "^2.10.0",
+    "react-fast-compare": "^3.2.0",
+    "react-i18next": "^11.18.6",
     "react-masonry-css": "^1.0.16",
-    "react-router-dom": "^6.10.0",
+    "@tanstack/react-query": "^4.12.0",
+    "react-router-dom": "^6.4.2",
     "react-table": "^7.8.0",
-    "react-virtualized-auto-sizer": "^1.0.15",
-    "react-window": "^1.8.9",
+    "react-virtualized-auto-sizer": "^1.0.7",
+    "react-window": "^1.8.8",
     "source-map-explorer": "^2.5.3",
-    "typescript": "^5.0.4",
+    "vite": "^3.1.8",
+    "typescript": "^4.8.4",
     "uuid": "^9.0.0",
-    "vite": "^4.2.1",
     "yup": "^0.32.11",
-    "zustand": "^4.3.7"
+    "zustand": "^4.1.2"
   },
   "devDependencies": {
-    "@types/google.maps": "^3.52.5",
-    "@types/node": "^18.15.11",
-    "@types/react": "^18.0.37",
+    "@types/node": "^18.11.2",
+    "@types/react": "^18.0.21",
     "@types/react-csv": "^1.1.3",
-    "@types/react-datepicker": "4.10.0",
-    "@types/react-dom": "^18.0.11",
-    "@types/react-table": "^7.7.14",
+    "@types/react-dom": "^18.0.6",
+    "@types/react-table": "^7.7.12",
+    "@types/react-datepicker": "4.8.0",
+    "@types/uuid": "^8.3.4",
     "@types/react-virtualized-auto-sizer": "^1.0.1",
     "@types/react-window": "^1.8.5",
-    "@types/uuid": "^9.0.1",
-    "@vitejs/plugin-react": "^3.1.0",
-    "eslint": "8.38.0",
+    "eslint": "8.25.0",
+    "vite-tsconfig-paths": "^3.5.1",
+    "lint-staged": "^13.0.3",
+    "@vitejs/plugin-react": "^2.1.0",
+    "vite-plugin-pwa": "^0.13.1",
+    "prettier": "^2.7.1",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-airbnb-typescript-prettier": "^5.0.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-no-inline-styles": "^1.0.5",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "lint-staged": "^13.2.1",
-    "prettier": "^2.8.7",
-    "vite-plugin-pwa": "^0.14.7",
-    "vite-tsconfig-paths": "^4.2.0"
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0"
   },
   "browserslist": {
     "production": [

public/locales/de/translation.json

@@ -64,8 +64,6 @@
 		"health": "Gesundheit",
 		"inactive": "Inaktiv",
 		"interval": "Intervall",
-		"last_connected": "Zuletzt verbunden",
-		"last_connected_tooltip": "Das letzte Mal, wann dieses Gerät mit dem Controller verbunden war. Dies kann verwendet werden, um abzuschätzen, wann ein Gerät getrennt wurde",
 		"last_connection": "Letzte Verbindung",
 		"last_contact": "Letzter Kontakt",
 		"last_disconnection": "Letzte Trennung",
@@ -81,11 +79,8 @@
 		"live_view_help": "Hilfe zur Live-Ansicht",
 		"memory": "Erinnerung",
 		"memory_used": "Verwendeter Speicher",
-		"missing_board": "Analytics-Überwachung an diesem Ort ist nicht mehr aktiv. Klicken Sie hier, um die Überwachung neu zu starten",
+		"missing_board": "Die Analytics-Überwachung an diesem Veranstaltungsort ist nicht mehr aktiv. Bitte starten Sie die Überwachung über das obere Menü neu",
 		"mode": "Modus",
-		"monitoring": "Überwachung",
-		"no_board": "Keine Überwachung",
-		"no_board_description": "Sie überwachen diesen Veranstaltungsort derzeit nicht, klicken Sie hier, um zu beginnen",
 		"noise": "Lärm",
 		"packets": "Pakete",
 		"radio": "RADIO",
@@ -96,8 +91,6 @@
 		"retries": "Wiederholungen",
 		"search_serials": "Zeitschriften suchen",
 		"stop_monitoring": "Beenden Sie die Überwachung",
-		"stop_monitoring_success": "Überwachungsort gestoppt!",
-		"stop_monitoring_warning": "Bist du sicher? Dadurch werden alle aufgezeichneten Überwachungsdaten für diesen Veranstaltungsort gelöscht",
 		"temperature": "Temperatur",
 		"title": "ANALYTICS",
 		"total_data": "Gesamtdaten",
@@ -182,7 +175,6 @@
 		"other": "Befehle",
 		"override_dfs": "DFS überschreiben",
 		"reboot": "Starten Sie neu",
-		"reboot_description": "Möchten Sie dieses Gerät neu starten?",
 		"reboot_error": "Fehler beim Senden des Neustartbefehls: {{e}}",
 		"reboot_success": "Neustartbefehl erfolgreich gesendet!",
 		"revision": "Revision",
@@ -223,7 +215,6 @@
 		"day": "Tag",
 		"days": "Tage",
 		"default": "Standard",
-		"defaults": "Standardeinstellungen",
 		"description": "Beschreibung",
 		"details": "Einzelheiten",
 		"device_details": "Gerätedetails",
@@ -244,7 +235,6 @@
 		"error_download": "Fehler beim Downloadversuch: {{e}}",
 		"errors": "Fehler",
 		"exit_fullscreen": "Ausgang",
-		"export": "Export",
 		"finished": "Fertig",
 		"fullscreen": "Vollbildschirm",
 		"general_error": "Fehler beim Verbinden mit dem Server. Bitte wenden Sie sich an Ihren Administrator.",
@@ -360,7 +350,6 @@
 		"error_pushes_one": "Fehler (könnte an einer fehlerhaften Konfiguration liegen): {{count}}",
 		"error_pushes_other": "Fehler (können auf eine fehlerhafte Konfiguration zurückzuführen sein): {{count}}",
 		"expert_name": "Expertenmodus",
-		"expert_name_explanation": "Sie können den Expertenmodus verwenden, um Ihre Konfiguration direkt zu ändern, einschließlich des Hinzufügens von Werten, die derzeit nicht von der Benutzeroberfläche unterstützt werden. Bitte verwenden Sie dieses Format: { \"interfaces\": [ ... ], \"globals\": { ... }, ...etc }",
 		"explanation": "Erläuterung",
 		"firewall": "Firewall",
 		"firmware_upgrade": "Firmware-Aktualisierung",
@@ -402,7 +391,6 @@
 		"warning_pushes_one": "Warten auf Geräteverbindung: {{count}}",
 		"warning_pushes_other": "Warten auf Geräteverbindung: {{count}}",
 		"weight": "Gewicht",
-		"wifi_bands_max": "Es können nicht mehr als 8 SSIDs dieses WLAN-Band verwenden",
 		"wifi_frames": "WiFi-Frames"
 	},
 	"contacts": {
@@ -527,7 +515,6 @@
 			"ouis_explanation": "OUIs von Geräten, die sich mit diesem Firmware-Server verbunden haben",
 			"outdated_one": "Firmware {{count}} Tag alt",
 			"outdated_other": "Firmware {{count}} Tage alt",
-			"outdated_unknown": "Firmware unbekannten Alters",
 			"release": "Veröffentlichung",
 			"show_dev_releases": "Entwicklerversionen",
 			"status_explanation": "Verbindungsstatus von Geräten, die sich mit diesem Firmware-Server verbunden haben",
@@ -543,16 +530,6 @@
 		"queue": {
 			"title": "Ereigniswarteschlange"
 		},
-		"radius": {
-			"calling_station_id": "Stations",
-			"disconnect": "Trennen",
-			"disconnect_success": "Radius-Sitzung getrennt!",
-			"input_octets": "Eingang",
-			"output_octets": "Ausgabe",
-			"radius_clients": "Radius-Kunden",
-			"session_time": "Sitzungszeit",
-			"username": "Nutzername"
-		},
 		"stats": {
 			"load": "Belastung (1 | 5 | 15 m.)",
 			"seconds_ago": " Vor {{s}} Sekunden",
@@ -623,7 +600,6 @@
 		"certificate_expires_in": "Zertifikat läuft ab in",
 		"certificate_expiry": "Zert. Läuft ab in",
 		"connected": "In Verbindung gebracht",
-		"crash_logs": "Absturzprotokolle",
 		"create_errors": "Fehler beim Versuch, Geräte zu erstellen",
 		"create_success": " Geräte erfolgreich erstellt",
 		"current_firmware": "Aktuelle Firmware",
@@ -637,7 +613,6 @@
 		"import_device_warning": "Bitte stellen Sie sicher, dass am Anfang oder Ende von Werten keine zusätzlichen Leerzeichen stehen, es sei denn, es handelt sich um einen Teil des gewünschten Werts",
 		"import_explanation": "Für den Massenimport von Geräten müssen Sie eine CSV-Datei mit den folgenden Spalten verwenden: SerialNumber, DeviceType, Name, Description, Note",
 		"invalid_serial_number": "Ungültige Seriennummer (muss 12 HEX-Zeichen lang sein)",
-		"logs_one": "Log",
 		"new_devices": "Neue Geräte",
 		"no_model_image": "Kein Modellbild gefunden",
 		"not_connected": "Nicht verbunden",
@@ -645,10 +620,7 @@
 		"notifications": "Gerätebenachrichtigungen",
 		"one": "Gerät",
 		"reassign_already_owned": "Geräte neu zuweisen, die bereits vorhanden sind und einem anderen Unternehmen/Veranstaltungsort/Abonnenten gehören?",
-		"reboot_logs": "Neustartprotokolle",
 		"restricted": "Beschränkt",
-		"restricted_overriden": "Dies ist ein eingeschränktes Gerät, aber es befindet sich im Entwicklungsmodus. Alle Einschränkungen werden derzeit ignoriert",
-		"restrictions_overriden_title": "Dev-Modus",
 		"sanity": "Gesundheit",
 		"start_import": "Geräteimport starten",
 		"test_batch": "Testen Sie Importdaten",
@@ -699,36 +671,7 @@
 		"test_digicert_creds": "Anmeldeinformationen testen",
 		"title": "Entitäten",
 		"tree": "Entitätsbaum",
-		"update_success": "Entität aktualisiert!",
-		"venues_under_root": "Veranstaltungsorte können nicht direkt unter der Root-Entität erstellt werden"
-	},
-	"firmware": {
-		"confirm_default_data": "Bitte bestätigen Sie die untenstehenden Informationen und klicken Sie auf „Bestätigen“, sobald Sie bereit sind, den Vorgang zu starten",
-		"create_success": "Neue Standard-Firmware-Einstellungen erstellt!",
-		"db_update_warning": "Dieser Vorgang wird täglich automatisch durchgeführt, ohne dass dieses manuelle Update verwendet werden muss. Die Aktualisierung dieser Datenbank kann bis zu 25 Minuten dauern",
-		"default_created_error_one": "{{count}} Fehler beim Versuch, eine neue Einstellung zu erstellen",
-		"default_created_error_other": "{{count}} Fehler beim Versuch, eine neue Einstellung zu erstellen",
-		"default_created_one": "{{count}} Standard-Firmware-Einstellung erstellt",
-		"default_created_other": "{{count}} Standard-Firmware-Einstellungen erstellt",
-		"default_found_one": "Für den Gerätetyp {{count}} wurde eine gültige Revision gefunden",
-		"default_found_other": "Gültige Revisionen für {{count}} Gerätetypen gefunden",
-		"default_mass_delete_success_one": " {{count}} Standard-Firmware-Einstellung gelöscht!",
-		"default_mass_delete_success_other": " {{count}} Standard-Firmware-Einstellungen gelöscht!",
-		"default_not_found_one": "Keine gültigen Firmware-Versionen für den Gerätetyp {{count}} ",
-		"default_not_found_other": "Keine gültigen Firmware-Versionen für {{count}} Gerätetypen",
-		"default_title": "",
-		"default_update_success": "Standard-Firmware für {{deviceType}}aktualisiert!",
-		"delete_success": "Standard-Firmware-Einstellung gelöscht!",
-		"edit_default_title": "Dies ist die aktuelle Firmware, die als Mindestversion für neue APs vom Typ {{deviceType}}verwendet wird. Wenn ein neuer {{deviceType}} AP eine Verbindung zum Gateway herstellt, wird er automatisch auf diese Version aktualisiert.",
-		"fetching_defaults": "Alle verfügbaren Firmware für ausgewählte Gerätetypen werden abgerufen...",
-		"last_db_update_modal": "Firmware-Datenbank",
-		"last_db_update_title": "Datenbank",
-		"one": "Firmware",
-		"select_default_device_types": "Bitte wählen Sie alle Gerätetypen aus, auf die Sie diese neue Standard-Firmware-Regel anwenden möchten. Wenn Sie den gewünschten Gerätetyp nicht finden können, bedeutet dies, dass bereits eine Regel angewendet wurde.",
-		"select_default_revision": "Sie können jetzt die Mindestversion auswählen, auf die Ihre Gerätetypen abzielen sollen",
-		"start_db_update": "Datenbankaktualisierung starten",
-		"started_db_update": "Datenbankaktualisierung gestartet, dieser Vorgang sollte bis zu 25 Minuten dauern",
-		"update_success": "Standard-Firmware-Informationen gespeichert!"
+		"venues_under_root": "Veranstaltungsorte können nicht direkt unter der Root-Entität erstellt werden. Bitte erstellen Sie neue Entitäten und erstellen Sie Veranstaltungsorte unter diesen."
 	},
 	"footer": {
 		"powered_by": "Unterstützt von",
@@ -750,7 +693,7 @@
 		"invalid_ipv6": "Ungültige IPv6-Adresse (Bsp.: 2001:db8:3333:4444:5555:6666:7777:8888)",
 		"invalid_json": "Ungültige JSON-Zeichenfolge",
 		"invalid_lease_time": "Ungültiger Lease-Time-Wert! Sie müssen im digitUnit-Format vorliegen. Zum Beispiel: 6d2h5m, was 6 Tage, 2 Stunden und 5 Minuten bedeutet. Hier sind die akzeptierten Einheiten: m, h, d. Wenn Sie eine Einheit nicht verwenden möchten, lassen Sie sie vollständig weg. Anstatt also 0d2h0m zu sagen, verwenden Sie 2h",
-		"invalid_mac_uc": "Ungültiger MAC-Wert, zum Beispiel: 00:00:5e:00:53:af",
+		"invalid_mac_uc": "Ungültiger UC-MAC-Wert, zum Beispiel: 00:00:5e:00:53:af",
 		"invalid_password": "Ungültiges Passwort, bitte sehen Sie sich die Passwortrichtlinie an",
 		"invalid_phone_number": "Ungültige Telefonnummer",
 		"invalid_phone_numbers": "Mindestens eine der Telefonnummern ist ungültig. Bitte geben Sie sie ohne Symbole und Leerzeichen oder in diesem Format an: +1(123)123-1234",
@@ -822,17 +765,13 @@
 		"city": "Stadt",
 		"claim_explanation": "Um Standorte zu beanspruchen, können Sie die folgende Tabelle verwenden",
 		"country": "Land",
-		"elevation": "Elevation",
 		"geocode": "Geo-Code",
-		"lat": "Breite",
-		"longitude": "Längengrad",
 		"one": "Ort",
 		"other": "Standorte",
 		"postal": "Postleitzahl",
 		"state": "Bundesstaat / Provinz",
 		"title": "Standorte",
-		"to_claim": "Standorte zu beanspruchen",
-		"view_gps": ""
+		"to_claim": "Standorte zu beanspruchen"
 	},
 	"login": {
 		"access_policy": "Zugangsrichtlinien",
@@ -858,7 +797,6 @@
 		"reset_password": "Passwort zurücksetzen",
 		"sign_in": "Einloggen",
 		"sms_instructions": "Sie sollten bald einen 6-stelligen Code auf Ihrem Telefon erhalten. Bitte geben Sie es unten ein, um sich anzumelden",
-		"suspended_error": "Konto gesperrt, wenden Sie sich bitte an Ihren Administrator",
 		"verification": "Bestätigen Sie Ihre Anmeldung",
 		"waiting_for_email_verification": "Konto noch nicht per E-Mail validiert. Bitte sehen Sie in Ihrem Posteingang nach oder bitten Sie Ihren Administrator, eine Bestätigung erneut zu senden",
 		"welcome_back": "Willkommen zurück!",
@@ -964,7 +902,7 @@
 		"dfs": "DFS-Überschreibung",
 		"gw_commands": "Gateway-Befehle",
 		"identifier": "Identifikator",
-		"key_verification": "Signieren von Schlüsselinformationen",
+		"key_verification": "Überprüfung des Signaturschlüssels",
 		"restricted": "Beschränkt",
 		"signed_upgrade": "Nur signiertes Upgrade",
 		"title": "Beschränkungen",
@@ -1028,11 +966,6 @@
 		"concurrent_devices": "Gleichzeitige Geräte",
 		"controller": "Regler",
 		"current_live_devices": "Aktuelle Live-Geräte",
-		"currently_running_one": "Derzeit wird {{count}} Simulation ausgeführt",
-		"currently_running_other": "Derzeit laufen {{count}} Simulationen",
-		"delete_devices_confirm": "Sind Sie sicher, dass Sie alle Geräte und deren Statistiken vom Gateway entfernen möchten? Diese Aktion ist nicht rückgängig zu machen",
-		"delete_devices_loading": "Dieser Vorgang kann bis zu 5 Minuten dauern",
-		"delete_simulation_devices": "Geräte löschen",
 		"delete_success": "Gelöschte Simulation!",
 		"duration": "Dauer",
 		"error_devices": "Fehler Geräte",
@@ -1040,7 +973,6 @@
 		"infinite": "Unendlich",
 		"keep_alive": "Bleib am Leben",
 		"mac_prefix": "MAC-Präfix",
-		"mac_prefix_length": "Ihr MAC-Präfix muss gültige 6 HEX-Ziffern haben (z. B.: 00112233)",
 		"max_associations": "max. Verbände",
 		"max_clients": "Max. Kunden",
 		"min_associations": "Mindest. Verbände",
@@ -1057,7 +989,6 @@
 		"rx_messages": "Rx-Meldungen",
 		"sim_currently_running": "Simulation \"{{sim}}\" läuft",
 		"sim_history": "{{sim}} Vorherige Läufe",
-		"simulated": "Simuliert",
 		"start": "Simulation starten",
 		"start_success": "Simulationslauf gestartet!",
 		"state_interval": "Zustandsintervall",
@@ -1071,7 +1002,6 @@
 	},
 	"statistics": {
 		"last_stats": "Letzte Statistik",
-		"latest": "Neueste Statistiken",
 		"memory": "Erinnerung"
 	},
 	"subscribers": {
@@ -1092,7 +1022,6 @@
 	},
 	"system": {
 		"backend_logs": "Back-End-Protokolle",
-		"configuration": "Aufbau",
 		"could_not_retrieve": "Fehler: {{name}} Systeminformationen konnten nicht abgerufen werden",
 		"endpoint": "Endpunkt",
 		"hostname": "Hostname",
@@ -1103,10 +1032,6 @@
 		"os": "Betriebssystem",
 		"processors": "Prozessoren",
 		"reload_chosen_subsystems": "Ausgewählte Subsysteme neu laden",
-		"secrets": "Geheimnisse",
-		"secrets_create": "Geheimnis erstellen",
-		"secrets_one": "Geheimnis",
-		"services": "dienstleistungen",
 		"start": "Start",
 		"subsystems": "Subsysteme",
 		"success_reload": "Reload-Befehl erfolgreich gesendet!",
@@ -1118,31 +1043,19 @@
 		"version": "Ausführung"
 	},
 	"table": {
-		"columns": "Säulen",
 		"columns_hidden_one": "{{count}} Spalte ausgeblendet",
 		"columns_hidden_other": "{{count}} Spalten ausgeblendet",
-		"display_column": "Anzeige",
-		"drag_always_show": "Sie können diese Spalte nicht ausblenden, aber ihre Position ändern",
-		"drag_explanation": "Ziehen und Ablegen zum Neuordnen und Ändern der Spaltensichtbarkeit",
-		"drag_locked": "Diese Säule ist in ihrer Position arretiert",
-		"export_current_page": "Nur aktuelle Seite",
 		"first_page": "Erste Seite",
 		"go_to_page": "Zur Seite gehen",
-		"hide_column": "verbergen",
 		"last_page": "Letzte Seite",
 		"next_page": "Nächste Seite",
 		"page": "Seite",
-		"preferences": "Tabelleneinstellungen",
-		"previous_page": "Vorherige Seite",
-		"reset": "Einstellungen zurücksetzen",
-		"settings": "die Einstellungen"
+		"previous_page": "Vorherige Seite"
 	},
 	"user": {
-		"email_not_validated": "E-Mail nicht validiert",
 		"error_fetching": "Fehler beim Abrufen der Benutzerinformationen: {{e}}",
 		"password": "Passwort",
 		"role": "Rolle",
-		"suspended": "Suspendiert",
 		"title": "Nutzer"
 	},
 	"users": {
@@ -1187,11 +1100,9 @@
 		"successfully_update_devices": " {{num}} Geräte werden aktualisiert!",
 		"title": "Veranstaltungsorte",
 		"update_all_devices": "Alle Gerätekonfigurationen aktualisieren",
-		"update_success": "Veranstaltungsort aktualisiert!",
-		"upgrade_all_devices": "Aktualisieren Sie die Firmware aller Geräte",
+		"upgrade_all_devices": "Aktualisieren Sie alle Geräte auf die neueste Firmware",
 		"upgrade_all_devices_error": "Fehler beim Aktualisieren von Geräten: {{e}}",
 		"upgrade_all_devices_success": "Upgrade von Geräten erfolgreich gestartet!",
-		"upgrade_options_available": "Hier sind alle verfügbaren Revisionen, bitte wählen Sie diejenige aus, auf die ALLE Geräte dieses Veranstaltungsortes aktualisiert werden sollen",
 		"use_existing": "Benutze existierendes",
 		"use_existing_contacts": "Verwenden Sie vorhandene Kontakte",
 		"use_this_contact": "Verwenden Sie diesen Kontakt"

public/locales/en/translation.json

@@ -64,8 +64,6 @@
 		"health": "Health",
 		"inactive": "Inactive",
 		"interval": "Interval",
-		"last_connected": "Last Connected",
-		"last_connected_tooltip": "Last time this device was connected to the controller. This can be used to estimate when a device disconnected",
 		"last_connection": "Last Connection",
 		"last_contact": "Last Contact",
 		"last_disconnection": "Last Disconnection",
@@ -81,11 +79,8 @@
 		"live_view_help": "Live View Help",
 		"memory": "Memory",
 		"memory_used": "Memory Used",
-		"missing_board": "Analytics monitoring on this venue is no longer active. Click here to restart monitoring",
+		"missing_board": "Analytics monitoring on this venue is no longer active, please restart monitoring using the top menu",
 		"mode": "Mode",
-		"monitoring": "Monitoring",
-		"no_board": "No Monitoring",
-		"no_board_description": "You are not monitoring this Venue at the moment, click here to start",
 		"noise": "Noise",
 		"packets": "Packets",
 		"radio": "Radio",
@@ -96,8 +91,6 @@
 		"retries": "Retries",
 		"search_serials": "Search Serials",
 		"stop_monitoring": "Stop Monitoring",
-		"stop_monitoring_success": "Stopped Monitoring Venue!",
-		"stop_monitoring_warning": "Are you sure? This will erase all recorded monitoring data for this venue",
 		"temperature": "Temperature",
 		"title": "Analytics",
 		"total_data": "Total Data",
@@ -182,7 +175,6 @@
 		"other": "Commands",
 		"override_dfs": "Override DFS",
 		"reboot": "Reboot",
-		"reboot_description": "Do you want to reboot this device?",
 		"reboot_error": "Error while sending reboot command: {{e}}",
 		"reboot_success": "Successfully sent reboot command!",
 		"revision": "Revision",
@@ -223,7 +215,6 @@
 		"day": "Day",
 		"days": "Days",
 		"default": "Default",
-		"defaults": "Defaults",
 		"description": "Description",
 		"details": "Details",
 		"device_details": "Device Details",
@@ -244,7 +235,6 @@
 		"error_download": "Error while trying to download: {{e}}",
 		"errors": "Errors",
 		"exit_fullscreen": "Exit",
-		"export": "Export",
 		"finished": "Finished",
 		"fullscreen": "Fullscreen",
 		"general_error": "Error connecting to the server. Please consult your administrator.",
@@ -360,7 +350,6 @@
 		"error_pushes_one": "Error (could be because of bad configuration): {{count}}",
 		"error_pushes_other": "Errors (could be because of bad configuration): {{count}}",
 		"expert_name": "Expert Mode",
-		"expert_name_explanation": "You can use expert mode to directly modify your configuration, including adding values that are not currently supported by the UI. Please use this format: { \"interfaces\": [ ... ], \"globals\": { ... }, ...etc }",
 		"explanation": "Explanation",
 		"firewall": "Firewall",
 		"firmware_upgrade": "Firmware Upgrade",
@@ -402,7 +391,6 @@
 		"warning_pushes_one": "Waiting for devices to connect: {{count}}",
 		"warning_pushes_other": "Waiting for devices to connect: {{count}}",
 		"weight": "Weight",
-		"wifi_bands_max": "There cannot be more than 8 SSIDs using this wifi-band",
 		"wifi_frames": "WiFi Frames"
 	},
 	"contacts": {
@@ -527,7 +515,6 @@
 			"ouis_explanation": "OUIs of devices that have connected to this firmware server",
 			"outdated_one": "Firmware {{count}} day old",
 			"outdated_other": "Firmware {{count}} days old",
-			"outdated_unknown": "Firmware of unknown age",
 			"release": "Release",
 			"show_dev_releases": "Dev Releases",
 			"status_explanation": "Connection status of devices that have connected to this firmware server",
@@ -543,16 +530,6 @@
 		"queue": {
 			"title": "Event Queue"
 		},
-		"radius": {
-			"calling_station_id": "Station",
-			"disconnect": "Disconnect",
-			"disconnect_success": "Radius session disconnected!",
-			"input_octets": "Input",
-			"output_octets": "Output",
-			"radius_clients": "Radius Clients",
-			"session_time": "Session Time",
-			"username": "Username"
-		},
 		"stats": {
 			"load": "Load (1 | 5 | 15 m.)",
 			"seconds_ago": "{{s}} seconds ago",
@@ -623,7 +600,6 @@
 		"certificate_expires_in": "Certificate Expiry",
 		"certificate_expiry": "Cert. Expires In",
 		"connected": "Connected",
-		"crash_logs": "Crash Logs",
 		"create_errors": "errors while trying to create devices",
 		"create_success": " devices successfully created",
 		"current_firmware": "Current Firmware",
@@ -637,7 +613,6 @@
 		"import_device_warning": "Please make sure there are no extra spaces at the start or end of any values unless it is part of the value desired",
 		"import_explanation": "To bulk import devices, you need to use a CSV file with the following columns: SerialNumber, DeviceType, Name, Description, Note",
 		"invalid_serial_number": "Invalid Serial Number (needs to be 12 HEX chars)",
-		"logs_one": "Log",
 		"new_devices": "new devices",
 		"no_model_image": "No Model Image Found",
 		"not_connected": "Not Connected",
@@ -645,10 +620,7 @@
 		"notifications": "Device Notifications",
 		"one": "Device",
 		"reassign_already_owned": "Reassign devices which already exist and are owned by another entity/venue/subscriber?",
-		"reboot_logs": "Reboot Logs",
 		"restricted": "Restricted",
-		"restricted_overriden": "This is a restricted device, but it is in development mode. All restrictions are currently ignored",
-		"restrictions_overriden_title": "Dev Mode",
 		"sanity": "Sanity",
 		"start_import": "Start Device Importation",
 		"test_batch": "Test Import Data",
@@ -699,36 +671,7 @@
 		"test_digicert_creds": "Test Credentials",
 		"title": "Entities",
 		"tree": "Entity Tree",
-		"update_success": "Entity updated!",
-		"venues_under_root": "Venues cannot be created directly under the root entity"
-	},
-	"firmware": {
-		"confirm_default_data": "Please confirm the information below and click 'Confirm' once you are ready to start the process",
-		"create_success": "Created new default firmware settings!",
-		"db_update_warning": "This operation is done daily automatically without need to use this manual update. Updating this database can take up to 25 minutes",
-		"default_created_error_one": "{{count}} error while trying to create new setting",
-		"default_created_error_other": "{{count}} errors while trying to create new setting",
-		"default_created_one": "{{count}} default firmware setting created",
-		"default_created_other": "{{count}} default firmware settings created",
-		"default_found_one": "Found valid revision for {{count}} device type",
-		"default_found_other": "Found valid revisions for {{count}} device types",
-		"default_mass_delete_success_one": "Deleted {{count}} default firmware setting!",
-		"default_mass_delete_success_other": "Deleted {{count}} default firmware settings!",
-		"default_not_found_one": "No valid firmware versions for {{count}} device type",
-		"default_not_found_other": "No valid firmware versions for {{count}} device types",
-		"default_title": "Default Firmware",
-		"default_update_success": "Updated default firmware for {{deviceType}}!",
-		"delete_success": "Deleted default firmware setting!",
-		"edit_default_title": "This is the current firmware that is used as the minimum version for new APs of type {{deviceType}}. If a new {{deviceType}} AP connects to the gateway, it will be automatically upgraded to this version.",
-		"fetching_defaults": "Fetching all available firmware for selected device types...",
-		"last_db_update_modal": "Firmware Database",
-		"last_db_update_title": "Database",
-		"one": "Firmware",
-		"select_default_device_types": "Please select all device types that you want to target with this new default firmware rule. If you cannot find your desired device type, it means they already have an applied rule.",
-		"select_default_revision": "You can now select the minimum revision you want your device types to target",
-		"start_db_update": "Start Database Update",
-		"started_db_update": "Started database update, this operation should take up to 25 minutes to complete",
-		"update_success": "Saved default firmware information!"
+		"venues_under_root": "Venues cannot be created directly under the root entity. Please create new entities and create venues under these."
 	},
 	"footer": {
 		"powered_by": "Powered By",
@@ -750,7 +693,7 @@
 		"invalid_ipv6": "Invalid IPv6 address (ex.: 2001:db8:3333:4444:5555:6666:7777:8888)",
 		"invalid_json": "Invalid JSON string",
 		"invalid_lease_time": "Invalid lease time value! They need to be in the digitUnit format. For example: 6d2h5m, which means 6 days, 2 hours and 5 minutes. Here are the accepted units: m, h, d. If you do not want to use a unit, omit it completely. So instead of saying 0d2h0m, use 2h",
-		"invalid_mac_uc": "Invalid MAC value, for example: 00:00:5e:00:53:af",
+		"invalid_mac_uc": "Invalid UC-MAC value, for example: 00:00:5e:00:53:af",
 		"invalid_password": "Invalid password, please look at the password policy",
 		"invalid_phone_number": "Invalid Phone Number",
 		"invalid_phone_numbers": "One or more of the phone numbers are invalid. Please provide them without symbols and spaces, or in this format: +1(123)123-1234",
@@ -791,8 +734,8 @@
 		"success_remove_claim": "Successfully removed claim on: {{serial}}",
 		"successful_reboots": "Started Rebooting: {{count}}",
 		"successful_upgrades": "Successful upgrades: {{count}}",
-		"tag_one": "Device",
-		"tags": "Inventory Devices",
+		"tag_one": "Tag",
+		"tags": "Inventory Tags",
 		"title": "Inventory",
 		"warning_reboots": "Not connected: {{count}}",
 		"warning_upgrades": "Devices not connected: {{count}}"
@@ -822,17 +765,13 @@
 		"city": "City",
 		"claim_explanation": "To claim locations you can use the table below",
 		"country": "Country",
-		"elevation": "Elevation",
 		"geocode": "Geo Code",
-		"lat": "Latitude",
-		"longitude": "Longitude",
 		"one": "Location",
 		"other": "Locations",
 		"postal": "ZIP/Postal Code",
 		"state": "State/Province",
 		"title": "Locations",
-		"to_claim": "Locations to claim",
-		"view_gps": "View GPS Location"
+		"to_claim": "Locations to claim"
 	},
 	"login": {
 		"access_policy": "Access Policy",
@@ -858,7 +797,6 @@
 		"reset_password": "Reset Password",
 		"sign_in": "Sign In",
 		"sms_instructions": "You should receive a 6-digit code on your phone soon. Please enter it below to login",
-		"suspended_error": "Suspended account, please contact your administrator",
 		"verification": "Verify your login",
 		"waiting_for_email_verification": "Account not yet email validated. Please look at your inbox or ask your administrator to resend a validation",
 		"welcome_back": "Welcome Back!",
@@ -964,7 +902,7 @@
 		"dfs": "DFS Override",
 		"gw_commands": "Gateway Commands",
 		"identifier": "Identifier",
-		"key_verification": "Signing Key Information",
+		"key_verification": "Signing Key Verification",
 		"restricted": "Restricted",
 		"signed_upgrade": "Signed Upgrade Only",
 		"title": "Restrictions",
@@ -1028,11 +966,6 @@
 		"concurrent_devices": "Concurrent Devices",
 		"controller": "Controller",
 		"current_live_devices": "Current Live Devices",
-		"currently_running_one": "There is currently {{count}} simulation running",
-		"currently_running_other": "There are currently {{count}} simulations running",
-		"delete_devices_confirm": "Are you sure you want to remove all devices and their statistics from the gateway? This action is not reversible",
-		"delete_devices_loading": "This process may take up to 5 minutes",
-		"delete_simulation_devices": "Delete Devices",
 		"delete_success": "Deleted Simulation!",
 		"duration": "Duration",
 		"error_devices": "Error Devices",
@@ -1040,7 +973,6 @@
 		"infinite": "Infinite",
 		"keep_alive": "Keep Alive",
 		"mac_prefix": "MAC Prefix",
-		"mac_prefix_length": "Your MAC prefix needs to be valid 6 HEX digits (ex.: 00112233)",
 		"max_associations": "Max. Associations",
 		"max_clients": "Max. Clients",
 		"min_associations": "Min. Associations",
@@ -1057,7 +989,6 @@
 		"rx_messages": "Rx Messages",
 		"sim_currently_running": "Simulation \"{{sim}}\" in progress",
 		"sim_history": "{{sim}} Previous Runs",
-		"simulated": "Simulated",
 		"start": "Start Simulation",
 		"start_success": "Started simulation run!",
 		"state_interval": "State Interval",
@@ -1071,7 +1002,6 @@
 	},
 	"statistics": {
 		"last_stats": "Last Statistics",
-		"latest": "Latest Statistics",
 		"memory": "Memory"
 	},
 	"subscribers": {
@@ -1092,7 +1022,6 @@
 	},
 	"system": {
 		"backend_logs": "Back-End Logs",
-		"configuration": "Configuration",
 		"could_not_retrieve": "Error: could not retrieve {{name}} system information",
 		"endpoint": "Endpoint",
 		"hostname": "Host Name",
@@ -1103,10 +1032,6 @@
 		"os": "Operating System",
 		"processors": "Processors",
 		"reload_chosen_subsystems": "Reload Chosen Subsystems",
-		"secrets": "Secrets",
-		"secrets_create": "Create Secret",
-		"secrets_one": "Secret",
-		"services": "Services",
 		"start": "Start",
 		"subsystems": "Subsystems",
 		"success_reload": "Successfully sent reload command!",
@@ -1118,31 +1043,19 @@
 		"version": "Version"
 	},
 	"table": {
-		"columns": "Columns",
 		"columns_hidden_one": "{{count}} Column Hidden",
 		"columns_hidden_other": "{{count}} Columns Hidden",
-		"display_column": "Display",
-		"drag_always_show": "You cannot hide this column but can change its position ",
-		"drag_explanation": "Drag and drop to reorder and change column visibility",
-		"drag_locked": "This column is locked in its position",
-		"export_current_page": "Current Page Only",
 		"first_page": "First Page",
 		"go_to_page": "Go to page",
-		"hide_column": "Hide",
 		"last_page": "Last Page",
 		"next_page": "Next Page",
 		"page": "Page",
-		"preferences": "Table Preferences",
-		"previous_page": "Previous Page",
-		"reset": "Reset Preferences",
-		"settings": "Settings"
+		"previous_page": "Previous Page"
 	},
 	"user": {
-		"email_not_validated": "email not validated",
 		"error_fetching": "Error fetching user information: {{e}}",
 		"password": "Password",
 		"role": "Role",
-		"suspended": "suspended",
 		"title": "User"
 	},
 	"users": {
@@ -1187,11 +1100,9 @@
 		"successfully_update_devices": "Updating {{num}} devices!",
 		"title": "Venues",
 		"update_all_devices": "Update All Device Configurations",
-		"update_success": "Venue updated!",
-		"upgrade_all_devices": "Upgrade All Devices Firmware",
+		"upgrade_all_devices": "Upgrade All Devices to Latest Firmware",
 		"upgrade_all_devices_error": "Error upgrading devices: {{e}}",
 		"upgrade_all_devices_success": "Successfully started upgrading devices!",
-		"upgrade_options_available": "Here are all available revisions, please select the one you want ALL of this venue's devices to be upgrade to",
 		"use_existing": "Use Existing",
 		"use_existing_contacts": "Use Existing Contacts",
 		"use_this_contact": "Use this contact"

public/locales/es/translation.json

@@ -64,8 +64,6 @@
 		"health": "salud",
 		"inactive": "inactivo",
 		"interval": "intervalo",
-		"last_connected": "Última conexion",
-		"last_connected_tooltip": "La última vez que se conectó este dispositivo al controlador. Esto se puede usar para estimar cuándo se desconectó un dispositivo",
 		"last_connection": "Última conexion",
 		"last_contact": "Último contacto",
 		"last_disconnection": "Última desconexión",
@@ -81,11 +79,8 @@
 		"live_view_help": "Ayuda de visualización en vivo",
 		"memory": "Memoria",
 		"memory_used": "Memoria usada",
-		"missing_board": "El monitoreo analítico en este lugar ya no está activo. Haga clic aquí para reiniciar el monitoreo",
+		"missing_board": "El monitoreo analítico en este lugar ya no está activo, reinicie el monitoreo usando el menú superior",
 		"mode": "Modo",
-		"monitoring": "Vigilancia",
-		"no_board": "Sin monitoreo",
-		"no_board_description": "No está monitoreando este lugar en este momento, haga clic aquí para comenzar",
 		"noise": "Ruido",
 		"packets": "Paquetes",
 		"radio": "RADIO",
@@ -96,8 +91,6 @@
 		"retries": "Reintentos",
 		"search_serials": "Buscar seriales",
 		"stop_monitoring": "Dejar de monitorear",
-		"stop_monitoring_success": "¡Se detuvo el lugar de monitoreo!",
-		"stop_monitoring_warning": "¿Está seguro? Esto borrará todos los datos de monitoreo grabados para este lugar.",
 		"temperature": "temperatura",
 		"title": "ANALÍTICA",
 		"total_data": "Datos totales",
@@ -182,7 +175,6 @@
 		"other": "comandos",
 		"override_dfs": "Anular DFS",
 		"reboot": "Reiniciar",
-		"reboot_description": "¿Quieres reiniciar este dispositivo?",
 		"reboot_error": "Error al enviar el comando de reinicio: {{e}}",
 		"reboot_success": "¡Comando de reinicio enviado con éxito!",
 		"revision": "revisión",
@@ -223,7 +215,6 @@
 		"day": "Día",
 		"days": "días",
 		"default": "Defecto",
-		"defaults": "Valores predeterminados",
 		"description": "Descripción",
 		"details": "Detalles",
 		"device_details": "Detalles del dispositivo",
@@ -244,7 +235,6 @@
 		"error_download": "Error al intentar descargar: {{e}}",
 		"errors": "Los errores",
 		"exit_fullscreen": "salida",
-		"export": "Exportar",
 		"finished": "terminado",
 		"fullscreen": "Pantalla Completa",
 		"general_error": "Error al conectar con el servidor. Consulte a su administrador.",
@@ -360,7 +350,6 @@
 		"error_pushes_one": "Error (podría deberse a una mala configuración): {{count}}",
 		"error_pushes_other": "Errores (pueden deberse a una mala configuración): {{count}}",
 		"expert_name": "Modo experto",
-		"expert_name_explanation": "Puede usar el modo experto para modificar directamente su configuración, incluida la adición de valores que actualmente no son compatibles con la interfaz de usuario. Utilice este formato: { \"interfaces\": [ ... ], \"globals\": { ... }, ...etc }",
 		"explanation": "Explicación",
 		"firewall": "cortafuegos",
 		"firmware_upgrade": "Actualización de firmware",
@@ -402,7 +391,6 @@
 		"warning_pushes_one": "Esperando a que los dispositivos se conecten: {{count}}",
 		"warning_pushes_other": "Esperando a que los dispositivos se conecten: {{count}}",
 		"weight": "Peso",
-		"wifi_bands_max": "No puede haber más de 8 SSID usando esta banda wifi",
 		"wifi_frames": "Marcos WiFi"
 	},
 	"contacts": {
@@ -527,7 +515,6 @@
 			"ouis_explanation": "OUI de dispositivos que se han conectado a este servidor de firmware",
 			"outdated_one": "Firmware {{count}} día de antigüedad",
 			"outdated_other": "Firmware de {{count}} días de antigüedad",
-			"outdated_unknown": "Firmware de antigüedad desconocida",
 			"release": "Lanzamiento",
 			"show_dev_releases": "Lanzamientos de desarrollo",
 			"status_explanation": "Estado de conexión de los dispositivos que se han conectado a este servidor de firmware",
@@ -543,16 +530,6 @@
 		"queue": {
 			"title": "Cola de eventos"
 		},
-		"radius": {
-			"calling_station_id": "Estación",
-			"disconnect": "desconectar",
-			"disconnect_success": "¡Sesión de radio desconectada!",
-			"input_octets": "entrada",
-			"output_octets": "salida",
-			"radius_clients": "Clientes de radio",
-			"session_time": "Tiempo de sesión",
-			"username": "Nombre de usuario"
-		},
 		"stats": {
 			"load": "Carga (1 | 5 | 15 m.)",
 			"seconds_ago": " Hace {{s}} segundos",
@@ -623,7 +600,6 @@
 		"certificate_expires_in": "El certificado caduca en",
 		"certificate_expiry": "Cert. Expira en",
 		"connected": "Conectado",
-		"crash_logs": "Registros de fallas",
 		"create_errors": "errores al intentar crear dispositivos",
 		"create_success": " dispositivos creados con éxito",
 		"current_firmware": "Firmware actual",
@@ -637,7 +613,6 @@
 		"import_device_warning": "Asegúrese de que no haya espacios adicionales al principio o al final de ningún valor a menos que sea parte del valor deseado",
 		"import_explanation": "Para importar dispositivos de forma masiva, debe usar un archivo CSV con las siguientes columnas: Número de serie, Tipo de dispositivo, Nombre, Descripción, Nota",
 		"invalid_serial_number": "Número de serie no válido (debe tener 12 caracteres HEX)",
-		"logs_one": "Iniciar sesión",
 		"new_devices": "Nuevos dispositivos",
 		"no_model_image": "No se encontró ninguna imagen de modelo",
 		"not_connected": "No conectado",
@@ -645,10 +620,7 @@
 		"notifications": "notificaciones de dispositivos",
 		"one": "Dispositivo",
 		"reassign_already_owned": "¿Reasignar dispositivos que ya existen y son propiedad de otra entidad/lugar/suscriptor?",
-		"reboot_logs": "Reiniciar registros",
 		"restricted": "Restringido",
-		"restricted_overriden": "Este es un dispositivo restringido, pero está en modo de desarrollo. Actualmente se ignoran todas las restricciones.",
-		"restrictions_overriden_title": "MODO DE DESARROLLO",
 		"sanity": "Cordura",
 		"start_import": "Iniciar la importación de dispositivos",
 		"test_batch": "Datos de importación de prueba",
@@ -699,36 +671,7 @@
 		"test_digicert_creds": "Credenciales de prueba",
 		"title": "entidades",
 		"tree": "Árbol de entidades",
-		"update_success": "¡Entidad actualizada!",
-		"venues_under_root": "Los lugares no se pueden crear directamente bajo la entidad raíz"
-	},
-	"firmware": {
-		"confirm_default_data": "Confirme la información a continuación y haga clic en 'Confirmar' una vez que esté listo para comenzar el proceso",
-		"create_success": "¡Se crearon nuevas configuraciones de firmware predeterminadas!",
-		"db_update_warning": "Esta operación se realiza automáticamente todos los días de forma automática sin necesidad de utilizar esta actualización manual. La actualización de esta base de datos puede tardar hasta 25 minutos",
-		"default_created_error_one": "{{count}} error al intentar crear una nueva configuración",
-		"default_created_error_other": "{{count}} errores al intentar crear una nueva configuración",
-		"default_created_one": "{{count}} configuración de firmware predeterminada creada",
-		"default_created_other": "{{count}} ajustes de firmware predeterminados creados",
-		"default_found_one": "Se encontró una revisión válida para el tipo de dispositivo {{count}} ",
-		"default_found_other": "Se encontraron revisiones válidas para {{count}} tipos de dispositivos",
-		"default_mass_delete_success_one": "¡Se eliminó {{count}} configuración de firmware predeterminada!",
-		"default_mass_delete_success_other": "¡Se eliminaron {{count}} configuraciones de firmware predeterminadas!",
-		"default_not_found_one": "No hay versiones de firmware válidas para el tipo de dispositivo {{count}} ",
-		"default_not_found_other": "No hay versiones de firmware válidas para {{count}} tipos de dispositivos",
-		"default_title": "",
-		"default_update_success": "¡Firmware predeterminado actualizado para {{deviceType}}!",
-		"delete_success": "¡Configuración de firmware predeterminada eliminada!",
-		"edit_default_title": "Este es el firmware actual que se utiliza como versión mínima para los nuevos AP de tipo {{deviceType}}. Si un nuevo AP {{deviceType}} se conecta a la puerta de enlace, se actualizará automáticamente a esta versión.",
-		"fetching_defaults": "Obteniendo todo el firmware disponible para los tipos de dispositivos seleccionados...",
-		"last_db_update_modal": "Base de datos de firmware",
-		"last_db_update_title": "Base de datos",
-		"one": "Firmware",
-		"select_default_device_types": "Seleccione todos los tipos de dispositivos a los que desea apuntar con esta nueva regla de firmware predeterminada. Si no puede encontrar el tipo de dispositivo deseado, significa que ya tienen una regla aplicada.",
-		"select_default_revision": "Ahora puede seleccionar la revisión mínima a la que desea que se dirijan sus tipos de dispositivos",
-		"start_db_update": "Iniciar actualización de la base de datos",
-		"started_db_update": "Actualización de la base de datos iniciada, esta operación debería tardar hasta 25 minutos en completarse",
-		"update_success": "¡Información de firmware predeterminada guardada!"
+		"venues_under_root": "Los lugares no se pueden crear directamente bajo la entidad raíz. Cree nuevas entidades y cree lugares bajo estas."
 	},
 	"footer": {
 		"powered_by": "energizado por",
@@ -750,7 +693,7 @@
 		"invalid_ipv6": "Dirección IPv6 no válida (ej.: 2001:db8:3333:4444:5555:6666:7777:8888)",
 		"invalid_json": "Cadena JSON no válida",
 		"invalid_lease_time": "¡Valor de tiempo de arrendamiento no válido! Deben estar en el formato digitUnit. Por ejemplo: 6d2h5m, lo que significa 6 días, 2 horas y 5 minutos. Estas son las unidades aceptadas: m, h, d. Si no desea utilizar una unidad, omítala por completo. Entonces, en lugar de decir 0d2h0m, usa 2h",
-		"invalid_mac_uc": "Valor de MAC no válido, por ejemplo: 00:00:5e:00:53:af",
+		"invalid_mac_uc": "Valor de UC-MAC no válido, por ejemplo: 00:00:5e:00:53:af",
 		"invalid_password": "Contraseña no válida, consulte la política de contraseñas",
 		"invalid_phone_number": "Numero de telefono invalido",
 		"invalid_phone_numbers": "Uno o más de los números de teléfono no son válidos. Proporciónelos sin símbolos ni espacios, o en este formato: +1(123)123-1234",
@@ -822,17 +765,13 @@
 		"city": "ciudad",
 		"claim_explanation": "Para reclamar ubicaciones, puede usar la tabla a continuación",
 		"country": "País",
-		"elevation": "Elevación",
 		"geocode": "Código geográfico",
-		"lat": "Latitud",
-		"longitude": "Longitud",
 		"one": "Ubicación",
 		"other": "Ubicaciones",
 		"postal": "código postal",
 		"state": "Provincia del estado",
 		"title": "Ubicaciones",
-		"to_claim": "Ubicaciones para reclamar",
-		"view_gps": ""
+		"to_claim": "Ubicaciones para reclamar"
 	},
 	"login": {
 		"access_policy": "Política de acceso",
@@ -858,7 +797,6 @@
 		"reset_password": "Restablecer la contraseña",
 		"sign_in": "Registrarse",
 		"sms_instructions": "Debería recibir un código de 6 dígitos en su teléfono pronto. Por favor, introdúzcalo a continuación para iniciar sesión",
-		"suspended_error": "Cuenta suspendida, comuníquese con su administrador",
 		"verification": "Verifica tu inicio de sesión",
 		"waiting_for_email_verification": "Cuenta aún no validada por correo electrónico. Mire su bandeja de entrada o solicite a su administrador que vuelva a enviar una validación.",
 		"welcome_back": "¡Dar una buena acogida!",
@@ -964,7 +902,7 @@
 		"dfs": "Anulación de DFS",
 		"gw_commands": "Comandos de puerta de enlace",
 		"identifier": "Identificador",
-		"key_verification": "Información clave de firma",
+		"key_verification": "Verificación de clave de firma",
 		"restricted": "Restringido",
 		"signed_upgrade": "Solo actualización firmada",
 		"title": "Las restricciones",
@@ -1028,11 +966,6 @@
 		"concurrent_devices": "Dispositivos concurrentes",
 		"controller": "Controlador",
 		"current_live_devices": "Dispositivos activos actuales",
-		"currently_running_one": "Actualmente hay {{count}} simulación en ejecución",
-		"currently_running_other": "Actualmente hay {{count}} simulaciones ejecutándose",
-		"delete_devices_confirm": "¿Está seguro de que desea eliminar todos los dispositivos y sus estadísticas de la puerta de enlace? Esta acción no es reversible",
-		"delete_devices_loading": "Este proceso puede tardar hasta 5 minutos.",
-		"delete_simulation_devices": "BORRAR DISPOSITIVOS",
 		"delete_success": "¡Simulación eliminada!",
 		"duration": "Duración",
 		"error_devices": "Dispositivos de error",
@@ -1040,7 +973,6 @@
 		"infinite": "infinito",
 		"keep_alive": "Mantener viva",
 		"mac_prefix": "Prefijo MAC",
-		"mac_prefix_length": "Su prefijo MAC debe tener 6 dígitos hexadecimales válidos (p. ej.: 00112233)",
 		"max_associations": "Max. Asociaciones",
 		"max_clients": "Max. Clientela",
 		"min_associations": "Min. Asociaciones",
@@ -1057,7 +989,6 @@
 		"rx_messages": "Mensajes prescritos",
 		"sim_currently_running": "Simulación \"{{sim}}\" en curso",
 		"sim_history": "{{sim}} ejecuciones anteriores",
-		"simulated": "Simulado",
 		"start": "Iniciar simulación",
 		"start_success": "¡Ejecución de simulación iniciada!",
 		"state_interval": "Intervalo de estado",
@@ -1071,7 +1002,6 @@
 	},
 	"statistics": {
 		"last_stats": "Últimas estadísticas",
-		"latest": "Últimas estadísticas",
 		"memory": "Memoria"
 	},
 	"subscribers": {
@@ -1092,7 +1022,6 @@
 	},
 	"system": {
 		"backend_logs": "Registros de back-end",
-		"configuration": "Configuración",
 		"could_not_retrieve": "Error: no se pudo recuperar la información del sistema {{name}} ",
 		"endpoint": "punto final",
 		"hostname": "Nombre de host",
@@ -1103,10 +1032,6 @@
 		"os": "sistema operativo",
 		"processors": "Procesadores",
 		"reload_chosen_subsystems": "Recargar subsistemas elegidos",
-		"secrets": "Misterios",
-		"secrets_create": "Crear secreto",
-		"secrets_one": "secreto",
-		"services": "Servicios",
 		"start": "comienzo",
 		"subsystems": "Subsistemas",
 		"success_reload": "¡Comando de recarga enviado con éxito!",
@@ -1118,31 +1043,19 @@
 		"version": "Versión"
 	},
 	"table": {
-		"columns": "Columnas",
 		"columns_hidden_one": "{{count}} columna oculta",
 		"columns_hidden_other": "{{count}} columnas ocultas",
-		"display_column": "Monitor",
-		"drag_always_show": "No puede ocultar esta columna pero puede cambiar su posición",
-		"drag_explanation": "Arrastre y suelte para reordenar y cambiar la visibilidad de las columnas",
-		"drag_locked": "Esta columna está bloqueada en su posición.",
-		"export_current_page": "Solo página actual",
 		"first_page": "Primera pagina",
 		"go_to_page": "Ir a la página",
-		"hide_column": "Esconder",
 		"last_page": "Ultima pagina",
 		"next_page": "Siguiente página",
 		"page": "Página",
-		"preferences": "Preferencias de mesa",
-		"previous_page": "Página anterior",
-		"reset": "Reiniciar preferencias",
-		"settings": "Ajustes"
+		"previous_page": "Página anterior"
 	},
 	"user": {
-		"email_not_validated": "correo electrónico no validado",
 		"error_fetching": "Error al obtener la información del usuario: {{e}}",
 		"password": "Contraseña",
 		"role": "papel",
-		"suspended": "Suspendido",
 		"title": "Usuario"
 	},
 	"users": {
@@ -1187,11 +1100,9 @@
 		"successfully_update_devices": "¡Actualizando {{num}} dispositivos!",
 		"title": "Sedes",
 		"update_all_devices": "Actualizar todas las configuraciones de dispositivos",
-		"update_success": "Lugar actualizado!",
-		"upgrade_all_devices": "Actualizar el firmware de todos los dispositivos",
+		"upgrade_all_devices": "Actualice todos los dispositivos al firmware más reciente",
 		"upgrade_all_devices_error": "Error al actualizar dispositivos: {{e}}",
 		"upgrade_all_devices_success": "¡Comenzó con éxito la actualización de dispositivos!",
-		"upgrade_options_available": "Aquí están todas las revisiones disponibles, seleccione la que desea que TODOS los dispositivos de este lugar se actualicen",
 		"use_existing": "Utilizar existente",
 		"use_existing_contacts": "Usar contactos existentes",
 		"use_this_contact": "Usa este contacto"

public/locales/fr/translation.json

@@ -64,8 +64,6 @@
 		"health": "santé",
 		"inactive": "Inactif",
 		"interval": "Intervalle",
-		"last_connected": "Dernière connexion",
-		"last_connected_tooltip": "La dernière fois que cet appareil a été connecté au contrôleur. Cela peut être utilisé pour estimer quand un appareil s'est déconnecté",
 		"last_connection": "Dernière connexion",
 		"last_contact": "Dernier contact",
 		"last_disconnection": "Dernière déconnexion",
@@ -81,11 +79,8 @@
 		"live_view_help": "Aide sur l'affichage en direct",
 		"memory": "mémoire",
 		"memory_used": "Mémoire utilisée",
-		"missing_board": "La surveillance analytique sur ce site n'est plus active. Cliquez ici pour redémarrer la surveillance",
+		"missing_board": "La surveillance analytique sur ce lieu n'est plus active, veuillez redémarrer la surveillance en utilisant le menu du haut",
 		"mode": "Mode",
-		"monitoring": "surveillance",
-		"no_board": "Aucune surveillance",
-		"no_board_description": "Vous ne surveillez pas ce lieu pour le moment, cliquez ici pour commencer",
 		"noise": "Bruit",
 		"packets": "Paquets",
 		"radio": "Radio",
@@ -96,8 +91,6 @@
 		"retries": "Tentatives",
 		"search_serials": "Rechercher des publications en série",
 		"stop_monitoring": "Arrêter la surveillance",
-		"stop_monitoring_success": "Lieu de surveillance arrêté !",
-		"stop_monitoring_warning": "Êtes-vous sûr? Cela effacera toutes les données de surveillance enregistrées pour ce lieu",
 		"temperature": "Température",
 		"title": "ANALYTIQUE",
 		"total_data": "Données totales",
@@ -182,7 +175,6 @@
 		"other": "Les commandes",
 		"override_dfs": "Remplacer DFS",
 		"reboot": "Redémarrer",
-		"reboot_description": "Voulez-vous redémarrer cet appareil ?",
 		"reboot_error": "Erreur lors de l'envoi de la commande de redémarrage : {{e}}",
 		"reboot_success": "Commande de redémarrage envoyée avec succès !",
 		"revision": "Révision",
@@ -223,7 +215,6 @@
 		"day": "journée",
 		"days": "Journées",
 		"default": "Défaut",
-		"defaults": "Valeurs par défaut",
 		"description": "La description",
 		"details": "Détails",
 		"device_details": "Détails de l'appareil",
@@ -244,7 +235,6 @@
 		"error_download": "Erreur lors de la tentative de téléchargement : {{e}}",
 		"errors": "les erreurs",
 		"exit_fullscreen": "Sortie",
-		"export": "Exportation",
 		"finished": "fini",
 		"fullscreen": "Plein écran",
 		"general_error": "Erreur de connexion au serveur. Veuillez consulter votre administrateur.",
@@ -360,7 +350,6 @@
 		"error_pushes_one": "Erreur (peut être due à une mauvaise configuration) : {{count}}",
 		"error_pushes_other": "Erreurs (peut-être dues à une mauvaise configuration) : {{count}}",
 		"expert_name": "Mode expert",
-		"expert_name_explanation": "Vous pouvez utiliser le mode expert pour modifier directement votre configuration, notamment en ajoutant des valeurs qui ne sont pas actuellement prises en charge par l'interface utilisateur. Veuillez utiliser ce format : { \"interfaces\": [ ... ], \"globals\": { ... }, ...etc }",
 		"explanation": "Explication",
 		"firewall": "Pare-feu",
 		"firmware_upgrade": "Mise à jour du firmware",
@@ -402,7 +391,6 @@
 		"warning_pushes_one": "En attente de connexion des appareils : {{count}}",
 		"warning_pushes_other": "En attente de connexion des appareils : {{count}}",
 		"weight": "Poids",
-		"wifi_bands_max": "Il ne peut y avoir plus de 8 SSID utilisant cette bande wifi",
 		"wifi_frames": "Cadres Wi-Fi"
 	},
 	"contacts": {
@@ -527,7 +515,6 @@
 			"ouis_explanation": "OUI des appareils qui se sont connectés à ce serveur de firmware",
 			"outdated_one": "Micrologiciel vieux de {{count}}  jours",
 			"outdated_other": "Micrologiciel vieux de {{count}}  jours",
-			"outdated_unknown": "Firmware d'âge inconnu",
 			"release": "libération",
 			"show_dev_releases": "Versions de développement",
 			"status_explanation": "État de connexion des appareils qui se sont connectés à ce serveur de micrologiciel",
@@ -543,16 +530,6 @@
 		"queue": {
 			"title": "File d'attente d'événements"
 		},
-		"radius": {
-			"calling_station_id": "Station",
-			"disconnect": "déconnecter",
-			"disconnect_success": "Session Radius déconnectée !",
-			"input_octets": "Contribution",
-			"output_octets": "Sortie",
-			"radius_clients": "Clients rayon",
-			"session_time": "Temps de session",
-			"username": "Nom d'utilisateur"
-		},
 		"stats": {
 			"load": "Charge (1 | 5 | 15 m.)",
 			"seconds_ago": " Il y a {{s}} secondes",
@@ -623,7 +600,6 @@
 		"certificate_expires_in": "Le certificat expire dans",
 		"certificate_expiry": "Cert. Expire dans",
 		"connected": "Connecté",
-		"crash_logs": "Journaux des plantages",
 		"create_errors": "erreurs lors de la tentative de création d'appareils",
 		"create_success": " appareils créés avec succès",
 		"current_firmware": "Firmware actuel",
@@ -637,7 +613,6 @@
 		"import_device_warning": "Veuillez vous assurer qu'il n'y a pas d'espaces supplémentaires au début ou à la fin des valeurs, sauf si cela fait partie de la valeur souhaitée",
 		"import_explanation": "Pour importer en masse des appareils, vous devez utiliser un fichier CSV avec les colonnes suivantes : SerialNumber, DeviceType, Name, Description, Note",
 		"invalid_serial_number": "Numéro de série non valide (doit être composé de 12 caractères HEX)",
-		"logs_one": "Bûche",
 		"new_devices": "nouveaux appareils",
 		"no_model_image": "Aucune image de modèle trouvée",
 		"not_connected": "Pas connecté",
@@ -645,10 +620,7 @@
 		"notifications": "notifications de l'appareil",
 		"one": "Dispositif",
 		"reassign_already_owned": "Réattribuer des appareils qui existent déjà et qui appartiennent à une autre entité/salle/abonné ?",
-		"reboot_logs": "Journaux de redémarrage",
 		"restricted": "Limité",
-		"restricted_overriden": "Il s'agit d'un appareil restreint, mais il est en mode développement. Toutes les restrictions sont actuellement ignorées",
-		"restrictions_overriden_title": "Mode développement",
 		"sanity": "Santé mentale",
 		"start_import": "Démarrer l'importation de l'appareil",
 		"test_batch": "Tester les données d'importation",
@@ -699,36 +671,7 @@
 		"test_digicert_creds": "Tester les informations d'identification",
 		"title": "Entités",
 		"tree": "Arborescence des entités",
-		"update_success": "Entité mise à jour !",
-		"venues_under_root": "Les lieux ne peuvent pas être créés directement sous l'entité racine"
-	},
-	"firmware": {
-		"confirm_default_data": "Veuillez confirmer les informations ci-dessous et cliquez sur \"Confirmer\" une fois que vous êtes prêt à démarrer le processus",
-		"create_success": "Création de nouveaux paramètres de firmware par défaut !",
-		"db_update_warning": "Cette opération se fait automatiquement quotidiennement sans avoir besoin d'utiliser cette mise à jour manuelle. La mise à jour de cette base de données peut prendre jusqu'à 25 minutes",
-		"default_created_error_one": "{{count}} erreur lors de la tentative de création d'un nouveau paramètre",
-		"default_created_error_other": "{{count}}  erreurs lors de la tentative de création d'un nouveau paramètre",
-		"default_created_one": "{{count}} paramètre de micrologiciel par défaut créé",
-		"default_created_other": "{{count}}  paramètres de micrologiciel par défaut créés",
-		"default_found_one": "Révision valide trouvée pour le type d'appareil {{count}} ",
-		"default_found_other": "Révisions valides trouvées pour {{count}}  types d'appareils",
-		"default_mass_delete_success_one": "Paramètre de micrologiciel par défaut {{count}} supprimé !",
-		"default_mass_delete_success_other": " {{count}}  paramètres de micrologiciel par défaut supprimés !",
-		"default_not_found_one": "Aucune version de micrologiciel valide pour le type d'appareil {{count}} ",
-		"default_not_found_other": "Aucune version de micrologiciel valide pour {{count}}  types d'appareils",
-		"default_title": "",
-		"default_update_success": "Firmware par défaut mis à jour pour {{deviceType}} !",
-		"delete_success": "Paramètre de micrologiciel par défaut supprimé !",
-		"edit_default_title": "Il s'agit du micrologiciel actuel utilisé comme version minimale pour les nouveaux points d'accès de type {{deviceType}}. Si un nouveau point d'accès {{deviceType}} se connecte à la passerelle, il sera automatiquement mis à niveau vers cette version.",
-		"fetching_defaults": "Récupération de tous les micrologiciels disponibles pour les types d'appareils sélectionnés...",
-		"last_db_update_modal": "Base de données du micrologiciel",
-		"last_db_update_title": "Base de données",
-		"one": "Micrologiciel",
-		"select_default_device_types": "Veuillez sélectionner tous les types d'appareils que vous souhaitez cibler avec cette nouvelle règle de micrologiciel par défaut. Si vous ne trouvez pas le type d'appareil souhaité, cela signifie qu'une règle est déjà appliquée.",
-		"select_default_revision": "Vous pouvez maintenant sélectionner la révision minimale que vous souhaitez que vos types d'appareils ciblent",
-		"start_db_update": "Démarrer la mise à jour de la base de données",
-		"started_db_update": "Mise à jour de la base de données démarrée, cette opération devrait prendre jusqu'à 25 minutes",
-		"update_success": "Informations sur le micrologiciel par défaut enregistrées !"
+		"venues_under_root": "Les sites ne peuvent pas être créés directement sous l'entité racine. Veuillez créer de nouvelles entités et créer des lieux sous celles-ci."
 	},
 	"footer": {
 		"powered_by": "Alimenté par",
@@ -750,7 +693,7 @@
 		"invalid_ipv6": "Adresse IPv6 invalide (ex. : 2001:db8:3333:4444:5555:6666:7777:8888)",
 		"invalid_json": "Chaîne JSON non valide",
 		"invalid_lease_time": "Valeur de durée de bail non valide ! Ils doivent être au format digitUnit. Par exemple : 6d2h5m, ce qui signifie 6 jours, 2 heures et 5 minutes. Voici les unités acceptées : m, h, d. Si vous ne voulez pas utiliser une unité, omettez-la complètement. Donc au lieu de dire 0d2h0m, utilisez 2h",
-		"invalid_mac_uc": "Valeur MAC non valide, par exemple : 00:00:5e:00:53:af",
+		"invalid_mac_uc": "Valeur UC-MAC non valide, par exemple : 00:00:5e:00:53:af",
 		"invalid_password": "Mot de passe invalide, veuillez consulter la politique de mot de passe",
 		"invalid_phone_number": "Numéro de téléphone invalide",
 		"invalid_phone_numbers": "Un ou plusieurs des numéros de téléphone sont invalides. Veuillez les fournir sans symboles ni espaces, ou dans ce format : +1(123)123-1234",
@@ -822,17 +765,13 @@
 		"city": "Ville",
 		"claim_explanation": "Pour revendiquer des emplacements, vous pouvez utiliser le tableau ci-dessous",
 		"country": "Pays",
-		"elevation": "Élévation",
 		"geocode": "Geo code",
-		"lat": "Latitude",
-		"longitude": "Longitude",
 		"one": "Emplacement",
 		"other": "Emplacements",
 		"postal": "Zip / code postal",
 		"state": "Etat / Province",
 		"title": "Emplacements",
-		"to_claim": "Emplacements à réclamer",
-		"view_gps": ""
+		"to_claim": "Emplacements à réclamer"
 	},
 	"login": {
 		"access_policy": "Politique d'accès",
@@ -858,7 +797,6 @@
 		"reset_password": "Réinitialiser le mot de passe",
 		"sign_in": "se connecter",
 		"sms_instructions": "Vous devriez bientôt recevoir un code à 6 chiffres sur votre téléphone. Veuillez le saisir ci-dessous pour vous connecter",
-		"suspended_error": "Compte suspendu, veuillez contacter votre administrateur",
 		"verification": "Vérifiez votre connexion",
 		"waiting_for_email_verification": "Compte pas encore e-mail validé. Veuillez consulter votre boîte de réception ou demander à votre administrateur de renvoyer une validation",
 		"welcome_back": "Nous saluons le retour!",
@@ -964,7 +902,7 @@
 		"dfs": "Remplacement DFS",
 		"gw_commands": "Commandes de passerelle",
 		"identifier": "Identifiant",
-		"key_verification": "Signature des informations clés",
+		"key_verification": "Vérification de la clé de signature",
 		"restricted": "Limité",
 		"signed_upgrade": "Mise à niveau signée uniquement",
 		"title": "Restrictions",
@@ -1028,11 +966,6 @@
 		"concurrent_devices": "Périphériques simultanés",
 		"controller": "Manette",
 		"current_live_devices": "Appareils en direct actuels",
-		"currently_running_one": "Il y a actuellement {{count}} simulation en cours",
-		"currently_running_other": "Il y a actuellement {{count}}  simulations en cours d'exécution",
-		"delete_devices_confirm": "Voulez-vous vraiment supprimer tous les appareils et leurs statistiques de la passerelle ? Cette action n'est pas réversible",
-		"delete_devices_loading": "Ce processus peut prendre jusqu'à 5 minutes",
-		"delete_simulation_devices": "Supprimer des appareils",
 		"delete_success": "Simulation supprimée !",
 		"duration": "Durée",
 		"error_devices": "Périphériques d'erreur",
@@ -1040,7 +973,6 @@
 		"infinite": "Infini",
 		"keep_alive": "Rester en vie",
 		"mac_prefix": "Préfixe MAC",
-		"mac_prefix_length": "Votre préfixe MAC doit être valide à 6 chiffres HEX (ex. : 00112233)",
 		"max_associations": "Max. Les associations",
 		"max_clients": "Max. Clients",
 		"min_associations": "Min. Les associations",
@@ -1057,7 +989,6 @@
 		"rx_messages": "Messages reçus",
 		"sim_currently_running": "Simulation \"{{sim}}\" en cours",
 		"sim_history": "{{sim}} courses précédentes",
-		"simulated": "Simulé",
 		"start": "Démarrer la simulation",
 		"start_success": "Lancement de la simulation !",
 		"state_interval": "Intervalle d'état",
@@ -1071,7 +1002,6 @@
 	},
 	"statistics": {
 		"last_stats": "Dernières statistiques",
-		"latest": "Dernières statistiques",
 		"memory": "mémoire"
 	},
 	"subscribers": {
@@ -1092,7 +1022,6 @@
 	},
 	"system": {
 		"backend_logs": "Journaux principaux",
-		"configuration": "Configuration",
 		"could_not_retrieve": "Erreur : impossible de récupérer les informations système {{name}} ",
 		"endpoint": "Point final",
 		"hostname": "nom d'hôte",
@@ -1103,10 +1032,6 @@
 		"os": "Système opérateur",
 		"processors": "Processeurs",
 		"reload_chosen_subsystems": "Recharger les sous-systèmes choisis",
-		"secrets": "Secrets",
-		"secrets_create": "Créer un secret",
-		"secrets_one": "Secret",
-		"services": "Prestations de service",
 		"start": "Début",
 		"subsystems": "Sous-systèmes",
 		"success_reload": "Commande de rechargement envoyée avec succès !",
@@ -1118,31 +1043,19 @@
 		"version": "Version"
 	},
 	"table": {
-		"columns": "Les colonnes",
 		"columns_hidden_one": "{{count}} Colonne masquée",
 		"columns_hidden_other": "{{count}}  colonnes masquées",
-		"display_column": "Afficher",
-		"drag_always_show": "Vous ne pouvez pas masquer cette colonne, mais vous pouvez modifier sa position",
-		"drag_explanation": "Glisser-déposer pour réorganiser et modifier la visibilité des colonnes",
-		"drag_locked": "Cette colonne est verrouillée dans sa position",
-		"export_current_page": "Page actuelle uniquement",
 		"first_page": "Première page",
 		"go_to_page": "Aller à la page",
-		"hide_column": "Cacher",
 		"last_page": "Dernière page",
 		"next_page": "Page suivante",
 		"page": "Page",
-		"preferences": "Préférences de tableau",
-		"previous_page": "Page précédente",
-		"reset": "Remettre à zéro les préférences",
-		"settings": "Réglages"
+		"previous_page": "Page précédente"
 	},
 	"user": {
-		"email_not_validated": "Mail non valide",
 		"error_fetching": "Erreur lors de la récupération des informations utilisateur : {{e}}",
 		"password": "Mot de passe",
 		"role": "Rôle",
-		"suspended": "Suspendu",
 		"title": "Utilisateur"
 	},
 	"users": {
@@ -1187,11 +1100,9 @@
 		"successfully_update_devices": "Mise à jour de {{num}}  appareils !",
 		"title": "Les lieux",
 		"update_all_devices": "Mettre à jour toutes les configurations de périphérique",
-		"update_success": "Lieu mis à jour !",
-		"upgrade_all_devices": "Mettre à niveau le micrologiciel de tous les appareils",
+		"upgrade_all_devices": "Mettre à niveau tous les appareils vers le dernier micrologiciel",
 		"upgrade_all_devices_error": "Erreur lors de la mise à jour des appareils : {{e}}",
 		"upgrade_all_devices_success": "La mise à niveau des appareils a démarré avec succès !",
-		"upgrade_options_available": "Voici toutes les révisions disponibles, veuillez sélectionner celle vers laquelle vous souhaitez que TOUS les appareils de ce lieu soient mis à niveau",
 		"use_existing": "Utiliser l'existant",
 		"use_existing_contacts": "Utiliser les contacts existants",
 		"use_this_contact": "Utilisez ce contact"

public/locales/pt/translation.json

@@ -64,8 +64,6 @@
 		"health": "Saúde",
 		"inactive": "Inativo",
 		"interval": "intervalo",
-		"last_connected": "última conexão",
-		"last_connected_tooltip": "Última vez que este dispositivo foi conectado ao controlador. Isso pode ser usado para estimar quando um dispositivo desconectado",
 		"last_connection": "última conexão",
 		"last_contact": "Último contato",
 		"last_disconnection": "Última desconexão",
@@ -81,11 +79,8 @@
 		"live_view_help": "Ajuda da visualização ao vivo",
 		"memory": "Memória",
 		"memory_used": "Memória Usada",
-		"missing_board": "O monitoramento analítico neste local não está mais ativo. Clique aqui para reiniciar o monitoramento",
+		"missing_board": "O monitoramento analítico neste local não está mais ativo, reinicie o monitoramento usando o menu superior",
 		"mode": "Modo",
-		"monitoring": "Monitoramento",
-		"no_board": "Sem monitoramento",
-		"no_board_description": "Você não está monitorando este local no momento, clique aqui para começar",
 		"noise": "Barulho",
 		"packets": "Pacotes",
 		"radio": "Rádio",
@@ -96,8 +91,6 @@
 		"retries": "Novas tentativas",
 		"search_serials": "Pesquisar séries",
 		"stop_monitoring": "Parar o monitoramento",
-		"stop_monitoring_success": "Local de monitoramento interrompido!",
-		"stop_monitoring_warning": "Tem certeza? Isso apagará todos os dados de monitoramento gravados para este local",
 		"temperature": "Temperatura",
 		"title": "Analytics",
 		"total_data": "Dados totais",
@@ -182,7 +175,6 @@
 		"other": "comandos",
 		"override_dfs": "Substituir DFS",
 		"reboot": "Reiniciar",
-		"reboot_description": "Deseja reiniciar este dispositivo?",
 		"reboot_error": "Erro ao enviar o comando de reinicialização: {{e}}",
 		"reboot_success": "Comando de reinicialização enviado com sucesso!",
 		"revision": "revisão",
@@ -223,7 +215,6 @@
 		"day": "Dia",
 		"days": "Dias",
 		"default": "Padrão",
-		"defaults": "Predefinições",
 		"description": "Descrição",
 		"details": "Detalhes",
 		"device_details": "Detalhes do dispositivo",
@@ -244,7 +235,6 @@
 		"error_download": "Erro ao tentar fazer o download: {{e}}",
 		"errors": "Erros",
 		"exit_fullscreen": "Saída",
-		"export": "Exportar",
 		"finished": "acabado",
 		"fullscreen": "Tela cheia",
 		"general_error": "Erro ao se conectar ao servidor. Consulte seu administrador.",
@@ -360,7 +350,6 @@
 		"error_pushes_one": "Erro (pode ser devido à configuração incorreta): {{count}}",
 		"error_pushes_other": "Erros (podem ser devido à configuração incorreta): {{count}}",
 		"expert_name": "MODO EXPERT",
-		"expert_name_explanation": "Você pode usar o modo especialista para modificar diretamente sua configuração, incluindo a adição de valores que não são atualmente suportados pela interface do usuário. Use este formato: { \"interfaces\": [ ... ], \"globals\": { ... }, ...etc }",
 		"explanation": "Explicação",
 		"firewall": "Firewall",
 		"firmware_upgrade": "Atualização de firmware",
@@ -402,7 +391,6 @@
 		"warning_pushes_one": "Aguardando a conexão dos dispositivos: {{count}}",
 		"warning_pushes_other": "Aguardando a conexão dos dispositivos: {{count}}",
 		"weight": "Peso",
-		"wifi_bands_max": "Não pode haver mais de 8 SSIDs usando esta banda wi-fi",
 		"wifi_frames": "Quadros WiFi"
 	},
 	"contacts": {
@@ -527,7 +515,6 @@
 			"ouis_explanation": "OUIs de dispositivos que se conectaram a este servidor de firmware",
 			"outdated_one": "Firmware com {{count}} dias",
 			"outdated_other": "Firmware com {{count}} dias",
-			"outdated_unknown": "Firmware de idade desconhecida",
 			"release": "LANÇAMENTO",
 			"show_dev_releases": "Lançamentos do desenvolvedor",
 			"status_explanation": "Status da conexão dos dispositivos que se conectaram a este servidor de firmware",
@@ -543,16 +530,6 @@
 		"queue": {
 			"title": "Fila de Eventos"
 		},
-		"radius": {
-			"calling_station_id": "estação",
-			"disconnect": "Desconectar",
-			"disconnect_success": "Sessão Radius desconectada!",
-			"input_octets": "Entrada",
-			"output_octets": "Saída",
-			"radius_clients": "Clientes Radius",
-			"session_time": "Tempo de sessão",
-			"username": "Nome de usuário"
-		},
 		"stats": {
 			"load": "Carga (1 | 5 | 15 m.)",
 			"seconds_ago": "{{s}} segundos atrás",
@@ -623,7 +600,6 @@
 		"certificate_expires_in": "Certificado expira em",
 		"certificate_expiry": "Certificado expira em",
 		"connected": "Conectado",
-		"crash_logs": "Registros de falhas",
 		"create_errors": "erros ao tentar criar dispositivos",
 		"create_success": " dispositivos criados com sucesso",
 		"current_firmware": "Firmware atual",
@@ -637,7 +613,6 @@
 		"import_device_warning": "Certifique-se de que não há espaços extras no início ou no final de nenhum valor, a menos que faça parte do valor desejado",
 		"import_explanation": "Para importar dispositivos em massa, você precisa usar um arquivo CSV com as seguintes colunas: SerialNumber, DeviceType, Name, Description, Note",
 		"invalid_serial_number": "Número de série inválido (precisa ter 12 caracteres HEX)",
-		"logs_one": "Registro",
 		"new_devices": "novos dispositivos",
 		"no_model_image": "Nenhuma imagem de modelo encontrada",
 		"not_connected": "Não conectado",
@@ -645,10 +620,7 @@
 		"notifications": "Notificações do dispositivo",
 		"one": "Dispositivo",
 		"reassign_already_owned": "Reatribuir dispositivos que já existem e são de propriedade de outra entidade/local/assinante?",
-		"reboot_logs": "Registros de reinicialização",
 		"restricted": "Restrito",
-		"restricted_overriden": "Este é um dispositivo restrito, mas está em modo de desenvolvimento. Todas as restrições são atualmente ignoradas",
-		"restrictions_overriden_title": "Modo de desenvolvedor",
 		"sanity": "Sanidade",
 		"start_import": "Iniciar importação de dispositivos",
 		"test_batch": "Dados de importação de teste",
@@ -699,36 +671,7 @@
 		"test_digicert_creds": "Credenciais de teste",
 		"title": "Entidades",
 		"tree": "Árvore de entidades",
-		"update_success": "Entidade atualizada!",
-		"venues_under_root": "Os locais não podem ser criados diretamente na entidade raiz"
-	},
-	"firmware": {
-		"confirm_default_data": "Confirme as informações abaixo e clique em 'Confirmar' quando estiver pronto para iniciar o processo",
-		"create_success": "Criou novas configurações de firmware padrão!",
-		"db_update_warning": "Esta operação é feita automaticamente diariamente sem necessidade de usar esta atualização manual. A atualização deste banco de dados pode levar até 25 minutos",
-		"default_created_error_one": "{{count}} erro ao tentar criar uma nova configuração",
-		"default_created_error_other": "{{count}} erros ao tentar criar uma nova configuração",
-		"default_created_one": "{{count}} configuração de firmware padrão criada",
-		"default_created_other": "{{count}} configurações de firmware padrão criadas",
-		"default_found_one": "Revisão válida encontrada para {{count}} tipo de dispositivo",
-		"default_found_other": "Foram encontradas revisões válidas para {{count}} tipos de dispositivo",
-		"default_mass_delete_success_one": "Configuração de firmware padrão {{count}} excluída!",
-		"default_mass_delete_success_other": "Excluídas {{count}} configurações de firmware padrão!",
-		"default_not_found_one": "Nenhuma versão de firmware válida para {{count}} tipo de dispositivo",
-		"default_not_found_other": "Nenhuma versão de firmware válida para {{count}} tipos de dispositivo",
-		"default_title": "",
-		"default_update_success": "Firmware padrão atualizado para {{deviceType}}!",
-		"delete_success": "Configuração de firmware padrão excluída!",
-		"edit_default_title": "Este é o firmware atual usado como versão mínima para novos APs do tipo {{deviceType}}. Se um novo AP {{deviceType}} se conectar ao gateway, ele será atualizado automaticamente para esta versão.",
-		"fetching_defaults": "Buscando todo o firmware disponível para os tipos de dispositivos selecionados...",
-		"last_db_update_modal": "banco de dados de firmware",
-		"last_db_update_title": "base de dados",
-		"one": "Firmware",
-		"select_default_device_types": "Selecione todos os tipos de dispositivos que deseja segmentar com esta nova regra de firmware padrão. Se você não conseguir encontrar o tipo de dispositivo desejado, significa que eles já têm uma regra aplicada.",
-		"select_default_revision": "Agora você pode selecionar a revisão mínima para a qual deseja que seus tipos de dispositivo sejam direcionados",
-		"start_db_update": "Iniciar atualização do banco de dados",
-		"started_db_update": "Atualização do banco de dados iniciada, esta operação deve levar até 25 minutos para ser concluída",
-		"update_success": "Informações de firmware padrão salvas!"
+		"venues_under_root": "Os locais não podem ser criados diretamente na entidade raiz. Por favor, crie novas entidades e crie locais sob elas."
 	},
 	"footer": {
 		"powered_by": "Distribuído por",
@@ -750,7 +693,7 @@
 		"invalid_ipv6": "Endereço IPv6 inválido (ex.: 2001:db8:3333:4444:5555:6666:7777:8888)",
 		"invalid_json": "Sequência JSON inválida",
 		"invalid_lease_time": "Valor de tempo de locação inválido! Eles precisam estar no formato digitUnit. Por exemplo: 6d2h5m, que significa 6 dias, 2 horas e 5 minutos. Aqui estão as unidades aceitas: m, h, d. Se você não quiser usar uma unidade, omita-a completamente. Então, em vez de dizer 0d2h0m, use 2h",
-		"invalid_mac_uc": "Valor MAC inválido, por exemplo: 00:00:5e:00:53:af",
+		"invalid_mac_uc": "Valor UC-MAC inválido, por exemplo: 00:00:5e:00:53:af",
 		"invalid_password": "Senha inválida, consulte a política de senha",
 		"invalid_phone_number": "Número de telefone inválido",
 		"invalid_phone_numbers": "Um ou mais números de telefone são inválidos. Forneça-os sem símbolos e espaços ou neste formato: +1(123)123-1234",
@@ -822,17 +765,13 @@
 		"city": "Cidade",
 		"claim_explanation": "Para reivindicar locais, você pode usar a tabela abaixo",
 		"country": "País",
-		"elevation": "elevação",
 		"geocode": "Código geográfico",
-		"lat": "Latitude",
-		"longitude": "Longitude",
 		"one": "Localização",
 		"other": "Localizações",
 		"postal": "CEP / Código Postal",
 		"state": "Estado / Província",
 		"title": "Localizações",
-		"to_claim": "Locais para reivindicar",
-		"view_gps": ""
+		"to_claim": "Locais para reivindicar"
 	},
 	"login": {
 		"access_policy": "Política de Acesso",
@@ -858,7 +797,6 @@
 		"reset_password": "Redefinir senha",
 		"sign_in": "assinar em",
 		"sms_instructions": "Você deve receber um código de 6 dígitos em seu telefone em breve. Por favor, insira-o abaixo para fazer login",
-		"suspended_error": "Conta suspensa, entre em contato com seu administrador",
 		"verification": "Verifique seu login",
 		"waiting_for_email_verification": "Conta ainda não validada por e-mail. Verifique sua caixa de entrada ou peça ao administrador para reenviar uma validação",
 		"welcome_back": "Bem vindo de volta!",
@@ -964,7 +902,7 @@
 		"dfs": "Substituição DFS",
 		"gw_commands": "Comandos de gateway",
 		"identifier": "Identificador",
-		"key_verification": "Informações Chave de Assinatura",
+		"key_verification": "Verificação da chave de assinatura",
 		"restricted": "Restrito",
 		"signed_upgrade": "Somente atualização assinada",
 		"title": "RESTRIÇÕES",
@@ -1028,11 +966,6 @@
 		"concurrent_devices": "Dispositivos Simultâneos",
 		"controller": "Controlador",
 		"current_live_devices": "Dispositivos ativos atuais",
-		"currently_running_one": "Atualmente, há {{count}} simulação em execução",
-		"currently_running_other": "Existem atualmente {{count}} simulações em execução",
-		"delete_devices_confirm": "Tem certeza de que deseja remover todos os dispositivos e suas estatísticas do gateway? Esta ação não é reversível",
-		"delete_devices_loading": "Este processo pode levar até 5 minutos",
-		"delete_simulation_devices": "Apagar dispositivos",
 		"delete_success": "Simulação excluída!",
 		"duration": "Duração",
 		"error_devices": "Dispositivos de Erro",
@@ -1040,7 +973,6 @@
 		"infinite": "Infinito",
 		"keep_alive": "Mantenha vivo",
 		"mac_prefix": "Prefixo MAC",
-		"mac_prefix_length": "Seu prefixo MAC precisa ter 6 dígitos HEX válidos (ex.: 00112233)",
 		"max_associations": "Máx. Associações",
 		"max_clients": "Máx. Clientes",
 		"min_associations": "Min. Associações",
@@ -1057,7 +989,6 @@
 		"rx_messages": "Mensagens Rx",
 		"sim_currently_running": "Simulação \"{{sim}}\" em andamento",
 		"sim_history": "{{sim}} execuções anteriores",
-		"simulated": "Simulado",
 		"start": "Iniciar simulação",
 		"start_success": "Corrida de simulação iniciada!",
 		"state_interval": "Intervalo de estado",
@@ -1071,7 +1002,6 @@
 	},
 	"statistics": {
 		"last_stats": "Últimas estatísticas",
-		"latest": "Estatísticas mais recentes",
 		"memory": "Memória"
 	},
 	"subscribers": {
@@ -1092,7 +1022,6 @@
 	},
 	"system": {
 		"backend_logs": "Registros de back-end",
-		"configuration": "Configuração",
 		"could_not_retrieve": "Erro: não foi possível recuperar {{name}} informações do sistema",
 		"endpoint": "Ponto final",
 		"hostname": "Nome de anfitrião",
@@ -1103,10 +1032,6 @@
 		"os": "Sistema Operacional",
 		"processors": "Processadores",
 		"reload_chosen_subsystems": "Recarregar Subsistemas Escolhidos",
-		"secrets": "Segredos",
-		"secrets_create": "Criar Segredo",
-		"secrets_one": "Segredo",
-		"services": "Serviços",
 		"start": "Começar",
 		"subsystems": "Subsistemas",
 		"success_reload": "Comando de recarga enviado com sucesso!",
@@ -1118,31 +1043,19 @@
 		"version": "Versão"
 	},
 	"table": {
-		"columns": "Colunas",
 		"columns_hidden_one": "{{count}} Coluna oculta",
 		"columns_hidden_other": "{{count}} Colunas ocultas",
-		"display_column": "Exibição",
-		"drag_always_show": "Você não pode ocultar esta coluna, mas pode alterar sua posição",
-		"drag_explanation": "Arraste e solte para reordenar e alterar a visibilidade da coluna",
-		"drag_locked": "Esta coluna está travada em sua posição",
-		"export_current_page": "Somente página atual",
 		"first_page": "Primeira Página",
 		"go_to_page": "Vá para página",
-		"hide_column": "Ocultar",
 		"last_page": "Última Página",
 		"next_page": "Próxima página",
 		"page": "Página",
-		"preferences": "Preferências de Tabela",
-		"previous_page": "Página anterior",
-		"reset": "Reiniciar preferências",
-		"settings": "Definições"
+		"previous_page": "Página anterior"
 	},
 	"user": {
-		"email_not_validated": "e-mail não validado",
 		"error_fetching": "Erro ao buscar informações do usuário: {{e}}",
 		"password": "Senha",
 		"role": "Função",
-		"suspended": "Suspenso",
 		"title": "Do utilizador"
 	},
 	"users": {
@@ -1187,11 +1100,9 @@
 		"successfully_update_devices": "Atualizando {{num}} dispositivos!",
 		"title": "Locais",
 		"update_all_devices": "Atualizar todas as configurações do dispositivo",
-		"update_success": "Local atualizado!",
-		"upgrade_all_devices": "Atualize o firmware de todos os dispositivos",
+		"upgrade_all_devices": "Atualize todos os dispositivos para o firmware mais recente",
 		"upgrade_all_devices_error": "Erro ao atualizar dispositivos: {{e}}",
 		"upgrade_all_devices_success": "Atualização de dispositivos iniciada com sucesso!",
-		"upgrade_options_available": "Aqui estão todas as revisões disponíveis, selecione aquela para a qual você deseja que TODOS os dispositivos deste local sejam atualizados",
 		"use_existing": "Usar existente",
 		"use_existing_contacts": "Usar contatos existentes",
 		"use_this_contact": "Use este contato"

src/@tanstack.react-table.d.ts

@@ -1,24 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { BoxProps } from '@chakra-ui/react';
-import '@tanstack/react-table';
-
-declare module '@tanstack/table-core' {
-  interface ColumnMeta<TData extends RowData, TValue> {
-    stopPropagation?: boolean;
-    alwaysShow?: boolean;
-    anchored?: boolean;
-    hasPopover?: boolean;
-    customMaxWidth?: string;
-    customMinWidth?: string;
-    customWidth?: string;
-    isMonospace?: boolean;
-    isCentered?: boolean;
-    columnSelectorOptions?: {
-      label?: string;
-    };
-    headerOptions?: {
-      tooltip?: string;
-    };
-    headerStyleProps?: BoxProps;
-  }
-}

src/components/Buttons/AlertButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, IconButton, Tooltip, useBreakpoint } from '@chakra-ui/react';
-import { Warning } from '@phosphor-icons/react';
+import { Warning } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { ThemeProps } from 'models/Theme';
 
@@ -12,14 +12,7 @@ export interface AlertButtonProps extends ThemeProps {
   label?: string;
 }
 
-const _AlertButton: React.FC<AlertButtonProps> = ({
-  onClick,
-  isDisabled,
-  isLoading,
-  isCompact = true,
-  label,
-  ...props
-}) => {
+const _AlertButton: React.FC<AlertButtonProps> = ({ onClick, isDisabled, isLoading, isCompact, label, ...props }) => {
   const { t } = useTranslation();
   const breakpoint = useBreakpoint();
 

src/components/Buttons/CloseButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconButton, SpaceProps } from '@chakra-ui/react';
-import { X } from '@phosphor-icons/react';
+import { X } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 
 export interface CloseButtonProps extends SpaceProps {

src/components/Buttons/CreateButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, IconButton, Tooltip, useBreakpoint, SpaceProps } from '@chakra-ui/react';
-import { Plus } from '@phosphor-icons/react';
+import { Plus } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 
 export interface CreateButtonProps extends SpaceProps {
@@ -11,14 +11,7 @@ export interface CreateButtonProps extends SpaceProps {
   label?: string;
 }
 
-const _CreateButton: React.FC<CreateButtonProps> = ({
-  onClick,
-  isDisabled,
-  isLoading,
-  isCompact = true,
-  label,
-  ...props
-}) => {
+const _CreateButton: React.FC<CreateButtonProps> = ({ onClick, isDisabled, isLoading, isCompact, label, ...props }) => {
   const { t } = useTranslation();
   const breakpoint = useBreakpoint();
 

src/components/Buttons/DeleteButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, IconButton, Tooltip, useBreakpoint } from '@chakra-ui/react';
-import { Trash } from '@phosphor-icons/react';
+import { Trash } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 
 export interface DeleteButtonProps {
@@ -16,7 +16,7 @@ const _DeleteButton: React.FC<DeleteButtonProps> = ({
   onClick,
   isDisabled,
   isLoading,
-  isCompact = true,
+  isCompact,
   label,
   ml,
   ...props

src/components/Buttons/DeviceActionDropdown/RebootButton.tsx

@@ -1,42 +1,40 @@
 import * as React from 'react';
-import { Alert, AlertIcon, Box, Button, Center, useToast } from '@chakra-ui/react';
+import { MenuItem, useToast } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
-import { Modal } from '../Modal';
 import { useControllerStore } from 'contexts/ControllerSocketProvider/useStore';
 import { useRebootDevice } from 'hooks/Network/Devices';
 import { useMutationResult } from 'hooks/useMutationResult';
 import { AxiosError } from 'models/Axios';
+import { GatewayDevice } from 'models/Device';
 
-export type RebootModalProps = {
-  serialNumber: string;
-  modalProps: {
-    isOpen: boolean;
-    onClose: () => void;
-  };
+type Props = {
+  device: GatewayDevice;
+  refresh: () => void;
 };
 
-export const RebootModal = ({ serialNumber, modalProps }: RebootModalProps) => {
+const RebootMenuItem = ({ device, refresh }: Props) => {
   const { t } = useTranslation();
   const toast = useToast();
   const addEventListeners = useControllerStore((state) => state.addEventListeners);
-  const { mutateAsync: reboot, isLoading } = useRebootDevice({ serialNumber });
+  const { mutateAsync: reboot } = useRebootDevice({ serialNumber: device.serialNumber });
   const { onSuccess: onRebootSuccess, onError: onRebootError } = useMutationResult({
     objName: t('devices.one'),
     operationType: 'reboot',
     refresh: () => {
+      refresh();
       addEventListeners([
         {
-          id: `device-connection-${serialNumber}`,
+          id: `device-connection-${device.serialNumber}`,
           type: 'DEVICE_CONNECTION',
-          serialNumber,
+          serialNumber: device.serialNumber,
           callback: () => {
-            const id = `device-connection-notification-${serialNumber}`;
+            const id = `device-connection-notification-${device.serialNumber}`;
 
             if (!toast.isActive(id)) {
               toast({
                 id,
                 title: t('common.success'),
-                description: t('controller.devices.finished_reboot', { serialNumber }),
+                description: t('controller.devices.finished_reboot', { serialNumber: device.serialNumber }),
                 status: 'success',
                 duration: 5000,
                 isClosable: true,
@@ -46,17 +44,17 @@ export const RebootModal = ({ serialNumber, modalProps }: RebootModalProps) => {
           },
         },
         {
-          id: `device-disconnected-${serialNumber}`,
+          id: `device-disconnected-${device.serialNumber}`,
           type: 'DEVICE_DISCONNECTION',
-          serialNumber,
+          serialNumber: device.serialNumber,
           callback: () => {
-            const id = `device-disconnection-notification-${serialNumber}`;
+            const id = `device-disconnection-notification-${device.serialNumber}`;
 
             if (!toast.isActive(id)) {
               toast({
                 id,
                 title: t('common.success'),
-                description: t('controller.devices.started_reboot', { serialNumber }),
+                description: t('controller.devices.started_reboot', { serialNumber: device.serialNumber }),
                 status: 'success',
                 duration: 5000,
                 isClosable: true,
@@ -68,39 +66,17 @@ export const RebootModal = ({ serialNumber, modalProps }: RebootModalProps) => {
       ]);
     },
   });
-
   const handleRebootClick = () =>
     reboot(undefined, {
       onSuccess: () => {
         onRebootSuccess();
-        modalProps.onClose();
       },
       onError: (e) => {
         onRebootError(e as AxiosError);
       },
     });
 
-  return (
-    <Modal
-      {...modalProps}
-      title={t('commands.reboot')}
-      topRightButtons={
-        <Button colorScheme="blue" onClick={handleRebootClick} isLoading={isLoading}>
-          {t('commands.reboot')}
-        </Button>
-      }
-      options={{
-        modalSize: 'sm',
-      }}
-    >
-      <Box>
-        <Center mb={2}>
-          <Alert status="info" w="unset">
-            <AlertIcon />
-            {t('commands.reboot_description')}
-          </Alert>
-        </Center>
-      </Box>
-    </Modal>
-  );
+  return <MenuItem onClick={handleRebootClick}>{t('commands.reboot')}</MenuItem>;
 };
+
+export default RebootMenuItem;

src/components/Buttons/DeviceActionDropdown/index.tsx

@@ -1,18 +1,9 @@
 import React from 'react';
-import {
-  IconButton,
-  Menu,
-  MenuButton,
-  MenuItem,
-  MenuList,
-  Portal,
-  Tooltip,
-  useColorModeValue,
-  useToast,
-} from '@chakra-ui/react';
+import { Button, IconButton, Menu, MenuButton, MenuItem, MenuList, Spinner, Tooltip, useToast } from '@chakra-ui/react';
 import axios from 'axios';
-import { Barcode, Power, TerminalWindow, WifiHigh, Wrench } from '@phosphor-icons/react';
+import { Wrench } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
+import RebootMenuItem from './RebootButton';
 import { useControllerStore } from 'contexts/ControllerSocketProvider/useStore';
 import { useBlinkDevice, useGetDeviceRtty } from 'hooks/Network/Devices';
 import { useUpdateDeviceToLatest } from 'hooks/Network/Firmware';
@@ -31,7 +22,6 @@ interface Props {
   onOpenConfigureModal: (serialNumber: string) => void;
   onOpenTelemetryModal: (serialNumber: string) => void;
   onOpenScriptModal: (device: GatewayDevice) => void;
-  onOpenRebootModal: (serialNumber: string) => void;
   size?: 'sm' | 'md' | 'lg';
   isCompact?: boolean;
 }
@@ -48,15 +38,13 @@ const DeviceActionDropdown = ({
   onOpenTelemetryModal,
   onOpenConfigureModal,
   onOpenScriptModal,
-  onOpenRebootModal,
   size,
   isCompact,
 }: Props) => {
   const { t } = useTranslation();
   const toast = useToast();
-  const connectColor = useColorModeValue('blackAlpha', 'gray');
   const addEventListeners = useControllerStore((state) => state.addEventListeners);
-  const { refetch: getRtty, isFetching: isRtty } = useGetDeviceRtty({
+  const { refetch: getRtty, isInitialLoading: isRtty } = useGetDeviceRtty({
     serialNumber: device.serialNumber,
     extraId: 'inventory-modal',
   });
@@ -157,95 +145,50 @@ const DeviceActionDropdown = ({
       },
     );
   };
-
   const handleConnectClick = () => getRtty();
-  const handleRebootClick = () => onOpenRebootModal(device.serialNumber);
 
   return (
-    <>
-      <Tooltip label={t('commands.connect')}>
-        <IconButton
-          aria-label="Connect"
-          icon={<TerminalWindow size={20} />}
-          size={size ?? 'sm'}
-          isDisabled={isDisabled}
-          isLoading={isRtty}
-          onClick={handleConnectClick}
-          colorScheme={connectColor}
-          hidden={isCompact}
-        />
-      </Tooltip>
-      <Tooltip label={t('controller.configure.title')}>
-        <IconButton
-          aria-label={t('controller.configure.title')}
-          icon={<Barcode size={20} />}
-          size={size ?? 'sm'}
-          isDisabled={isDisabled}
-          onClick={handleOpenConfigure}
-          colorScheme="purple"
-          hidden={isCompact}
-        />
-      </Tooltip>
-      <Tooltip label={t('commands.reboot')}>
-        <IconButton
-          aria-label={t('commands.reboot')}
-          icon={<Power size={20} />}
-          size={size ?? 'sm'}
-          isDisabled={isDisabled}
-          onClick={handleRebootClick}
-          colorScheme="green"
-          hidden={isCompact}
-        />
-      </Tooltip>
-      <Tooltip label={t('commands.wifiscan')}>
-        <IconButton
-          aria-label={t('commands.wifiscan')}
-          icon={<WifiHigh size={20} />}
-          size={size ?? 'sm'}
-          isDisabled={isDisabled}
-          onClick={handleOpenScan}
-          colorScheme="teal"
-          hidden={isCompact}
-        />
-      </Tooltip>
     <Menu>
-        <Tooltip label={t('common.actions')}>
+      <Tooltip label={t('commands.other')}>
+        {size === undefined || isCompact ? (
           <MenuButton
             as={IconButton}
             aria-label="Commands"
-            icon={<Wrench size={20} />}
+            icon={isRtty ? <Spinner /> : <Wrench size={20} />}
             size={size ?? 'sm'}
             isDisabled={isDisabled}
+            ml={2}
           />
+        ) : (
+          <MenuButton
+            as={Button}
+            aria-label="Commands"
+            rightIcon={isRtty ? <Spinner /> : <Wrench size={20} />}
+            size={size ?? 'sm'}
+            isDisabled={isDisabled}
+            ml={2}
+          >
+            {t('commands.other')}
+          </MenuButton>
+        )}
       </Tooltip>
-        <Portal>
-          <MenuList maxH="315px" overflowY="auto">
+      <MenuList>
         <MenuItem onClick={handleBlinkClick}>{t('commands.blink')}</MenuItem>
-            <MenuItem onClick={handleOpenConfigure} hidden={!isCompact}>
-              {t('controller.configure.title')}
-            </MenuItem>
-            <MenuItem onClick={handleConnectClick} hidden={!isCompact}>
-              {t('commands.connect')}
-            </MenuItem>
+        <MenuItem onClick={handleOpenConfigure}>{t('controller.configure.title')}</MenuItem>
+        <MenuItem onClick={handleConnectClick}>{t('commands.connect')}</MenuItem>
         <MenuItem onClick={handleOpenQueue}>{t('controller.queue.title')}</MenuItem>
         <MenuItem onClick={handleOpenFactoryReset}>{t('commands.factory_reset')}</MenuItem>
         <MenuItem onClick={handleOpenUpgrade}>{t('commands.firmware_upgrade')}</MenuItem>
-            <MenuItem onClick={handleRebootClick} hidden={!isCompact}>
-              {t('commands.reboot')}
-            </MenuItem>
+        <RebootMenuItem device={device} refresh={refresh} />
         <MenuItem onClick={handleOpenTelemetry}>{t('controller.telemetry.title')}</MenuItem>
         <MenuItem onClick={handleOpenScript}>{t('script.one')}</MenuItem>
         <MenuItem onClick={handleOpenTrace}>{t('controller.devices.trace')}</MenuItem>
         <MenuItem onClick={handleUpdateToLatest} hidden>
           {t('premium.toolbox.upgrade_to_latest')}
         </MenuItem>
-            <MenuItem onClick={handleOpenScan} hidden={!isCompact}>
-              {t('commands.wifiscan')}
-            </MenuItem>
+        <MenuItem onClick={handleOpenScan}>{t('commands.wifiscan')}</MenuItem>
       </MenuList>
-        </Portal>
     </Menu>
-    </>
   );
 };
 

src/components/Buttons/EditButton/index.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { IconButton, Button, Tooltip, useBreakpoint } from '@chakra-ui/react';
-import { Pen } from '@phosphor-icons/react';
-import { useTranslation } from 'react-i18next';
+import { Pen } from 'phosphor-react';
 
 export interface EditButtonProps {
   onClick: () => void;
@@ -12,15 +11,7 @@ export interface EditButtonProps {
   ml?: string | number;
 }
 
-const _EditButton: React.FC<EditButtonProps> = ({
-  onClick,
-  label,
-  isDisabled,
-  isLoading,
-  isCompact = true,
-  ...props
-}) => {
-  const { t } = useTranslation();
+const _EditButton: React.FC<EditButtonProps> = ({ onClick, label, isDisabled, isLoading, isCompact, ...props }) => {
   const breakpoint = useBreakpoint();
 
   if (!isCompact && breakpoint !== 'base' && breakpoint !== 'sm') {
@@ -33,12 +24,12 @@ const _EditButton: React.FC<EditButtonProps> = ({
         isDisabled={isDisabled}
         {...props}
       >
-        {label ?? t('common.edit')}
+        {label}
       </Button>
     );
   }
   return (
-    <Tooltip label={label ?? t('common.edit')} hasArrow>
+    <Tooltip label={label}>
       <IconButton
         aria-label="edit"
         colorScheme="gray"

src/components/Buttons/RefreshButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, IconButton, ThemeTypings, Tooltip, useBreakpoint } from '@chakra-ui/react';
-import { ArrowsClockwise } from '@phosphor-icons/react';
+import { ArrowsClockwise } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 
 export interface RefreshButtonProps {
@@ -17,7 +17,7 @@ const _RefreshButton: React.FC<RefreshButtonProps> = ({
   onClick,
   isDisabled,
   isFetching,
-  isCompact = true,
+  isCompact,
   ml,
   size,
   ...props

src/components/Buttons/ResponsiveButton/index.tsx

@@ -15,7 +15,7 @@ const _ResponsiveButton: React.FC<ResponsiveButtonProps> = ({
   onClick,
   isDisabled,
   isLoading,
-  isCompact = true,
+  isCompact,
   color,
   label,
   icon,

src/components/Buttons/SaveButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, IconButton, Tooltip, useBreakpoint } from '@chakra-ui/react';
-import { FloppyDisk } from '@phosphor-icons/react';
+import { FloppyDisk } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 
 export interface SaveButtonProps
@@ -18,7 +18,7 @@ const _SaveButton: React.FC<SaveButtonProps> = ({
   onClick,
   isDisabled,
   isLoading,
-  isCompact = true,
+  isCompact,
   isDirty,
   dirtyCheck,
   ...props

src/components/Buttons/StepButton/index.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
 import { Button, IconButton, Tooltip, useBreakpoint } from '@chakra-ui/react';
-import { ArrowRight, FloppyDisk } from '@phosphor-icons/react';
+import { ArrowRight, FloppyDisk } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 
 export interface StepButtonProps {

src/components/Buttons/ToggleEditButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, IconButton, Tooltip, useBreakpoint, useDisclosure } from '@chakra-ui/react';
-import { Pencil, Stop } from '@phosphor-icons/react';
+import { Pencil, X } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { ConfirmCloseAlertModal } from '../../Modals/ConfirmCloseAlert';
 
@@ -20,7 +20,7 @@ const _ToggleEditButton: React.FC<ToggleEditButtonProps> = ({
   isDirty,
   isDisabled,
   isLoading,
-  isCompact = true,
+  isCompact,
   ml,
   ...props
 }) => {
@@ -48,7 +48,7 @@ const _ToggleEditButton: React.FC<ToggleEditButtonProps> = ({
           colorScheme="gray"
           type="button"
           onClick={toggle}
-          rightIcon={isEditing ? <Stop size={20} /> : <Pencil size={20} />}
+          rightIcon={isEditing ? <X size={20} /> : <Pencil size={20} />}
           isLoading={isLoading}
           isDisabled={isDisabled}
           ml={ml}
@@ -68,7 +68,7 @@ const _ToggleEditButton: React.FC<ToggleEditButtonProps> = ({
           colorScheme="gray"
           type="button"
           onClick={toggle}
-          icon={isEditing ? <Stop size={20} /> : <Pencil size={20} />}
+          icon={isEditing ? <X size={20} /> : <Pencil size={20} />}
           isLoading={isLoading}
           isDisabled={isDisabled}
           ml={ml}

src/components/Buttons/WarningButton/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, IconButton, Tooltip, useBreakpoint } from '@chakra-ui/react';
-import { Warning } from '@phosphor-icons/react';
+import { Warning } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { ThemeProps } from 'models/Theme';
 
@@ -16,7 +16,7 @@ const _WarningButton: React.FC<WarningButtonProps> = ({
   onClick,
   isDisabled,
   isLoading,
-  isCompact = true,
+  isCompact,
   label,
   ...props
 }) => {

src/components/Containers/Card/CardHeader.tsx

@@ -1,57 +1,17 @@
-import React, { DOMAttributes } from 'react';
-import {
-  BackgroundProps,
-  Box,
-  EffectProps,
-  InteractivityProps,
-  LayoutProps,
-  PositionProps,
-  SpaceProps,
-  useColorModeValue,
-  useStyleConfig,
-  useToken,
-} from '@chakra-ui/react';
+import React from 'react';
+import { Box, LayoutProps, SpaceProps, useStyleConfig } from '@chakra-ui/react';
 
-export interface CardHeaderProps
-  extends LayoutProps,
-    SpaceProps,
-    BackgroundProps,
-    InteractivityProps,
-    PositionProps,
-    EffectProps,
-    DOMAttributes<HTMLDivElement> {
-  variant?: 'panel' | 'unstyled';
+export interface CardHeaderProps extends LayoutProps, SpaceProps {
+  variant?: string;
   children: React.ReactNode;
-  icon?: React.ReactNode;
-  headerStyle?: {
-    color: string;
-  };
 }
 
-const _CardHeader: React.FC<CardHeaderProps> = ({
-  variant,
-  children,
-  icon,
-  headerStyle = {
-    color: 'blue',
-  },
-  ...rest
-}) => {
-  const iconBgcolor = useToken('colors', [`${headerStyle?.color}.500`, `${headerStyle?.color}.300`]);
-  const bgColor = useToken('colors', [`${headerStyle?.color}.50`, `${headerStyle?.color}.700`]);
-  const iconColor = useColorModeValue(iconBgcolor[0], iconBgcolor[1]);
-  const headerBgColor = useColorModeValue(bgColor[0], bgColor[1]);
-
+const _CardHeader: React.FC<CardHeaderProps> = ({ variant, children, ...rest }) => {
+  // @ts-ignore
   const styles = useStyleConfig('CardHeader', { variant });
-
   // Pass the computed styles into the `__css` prop
   return (
-    <Box __css={styles} bgColor={variant === 'unstyled' ? undefined : headerBgColor} {...rest}>
-      {icon ? (
-        <Box mr={2} color={headerStyle ? iconColor : undefined} bgColor="unset">
-          {icon}
-        </Box>
-      ) : null}
+    <Box __css={styles} {...rest}>
       {children}
     </Box>
   );

src/components/Containers/Card/index.tsx

@@ -1,7 +1,22 @@
 import React from 'react';
-import { BackgroundProps, Box, InteractivityProps, LayoutProps, SpaceProps, useStyleConfig } from '@chakra-ui/react';
+import {
+  BackgroundProps,
+  Box,
+  EffectProps,
+  InteractivityProps,
+  LayoutProps,
+  PositionProps,
+  SpaceProps,
+  useStyleConfig,
+} from '@chakra-ui/react';
 
-export interface CardProps extends LayoutProps, SpaceProps, BackgroundProps, InteractivityProps {
+export interface CardProps
+  extends LayoutProps,
+    SpaceProps,
+    BackgroundProps,
+    InteractivityProps,
+    PositionProps,
+    EffectProps {
   variant?: string;
   onClick?: () => void;
   className?: string;

src/components/Containers/GraphStatDisplay/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Box, Heading, IconButton, Spacer, Tooltip, useDisclosure } from '@chakra-ui/react';
-import { ArrowsOut, Info } from '@phosphor-icons/react';
+import { ArrowsOut, Info } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { Card } from '../Card';
 import { CardBody } from '../Card/CardBody';
@@ -18,7 +18,7 @@ const GraphStatDisplay = ({ chart, title, explanation }: Props) => {
 
   return (
     <>
-      <Card>
+      <Card variant="widget" w="100%">
         <CardHeader>
           <Heading mr={2} my="auto" size="md">
             {title}

src/components/Containers/Modal/ModalHeader/index.tsx

@@ -1,26 +1,17 @@
 import React from 'react';
-import { HStack, ModalHeader as Header, Spacer, useColorModeValue } from '@chakra-ui/react';
+import { Flex, LayoutProps, ModalHeader as Header, SpaceProps, Spacer } from '@chakra-ui/react';
 
-export interface ModalHeaderProps {
+export interface ModalHeaderProps extends LayoutProps, SpaceProps {
   title: string;
-  left?: React.ReactNode;
-  right: React.ReactNode;
+  right?: React.ReactNode;
 }
 
-const _ModalHeader: React.FC<ModalHeaderProps> = ({ title, left, right }) => {
-  const bg = useColorModeValue('blue.50', 'blue.700');
-
-  return (
-    <Header bg={bg}>
+export const ModalHeader = ({ title, right }: ModalHeaderProps) => (
+  <Header>
+    <Flex justifyContent="center" alignItems="center" maxW="100%" px={1}>
       {title}
-      {left ? (
-        <HStack spacing={2} ml={2}>
-          {left}
-        </HStack>
-      ) : null}
       <Spacer />
       {right}
+    </Flex>
   </Header>
 );
-};
-export const ModalHeader = React.memo(_ModalHeader);

src/components/Containers/ResponsiveTag/index.tsx

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { As, Icon, Tag, TagLabel, TagLeftIcon, TagProps, Tooltip, useBreakpoint } from '@chakra-ui/react';
-
-export interface ResponsiveTagProps extends TagProps {
-  label: string;
-  icon: As<any>;
-  tooltip?: string;
-  isCompact?: boolean;
-}
-
-export const ResponsiveTag = React.memo(({ label, icon, tooltip, isCompact, ...props }: ResponsiveTagProps) => {
-  const breakpoint = useBreakpoint();
-
-  const isCompactVersion = isCompact || breakpoint === 'base' || breakpoint === 'sm';
-
-  if (isCompactVersion) {
-    return (
-      <Tooltip label={tooltip ?? label}>
-        <Tag size="lg" colorScheme="blue" {...props}>
-          <Icon as={icon} boxSize="18px" />
-        </Tag>
-      </Tooltip>
-    );
-  }
-
-  return (
-    <Tooltip label={tooltip ?? label}>
-      <Tag size="lg" colorScheme="blue" {...props}>
-        <TagLeftIcon boxSize="18px" as={icon} />
-        <TagLabel>{label}</TagLabel>
-      </Tag>
-    </Tooltip>
-  );
-});

src/components/Containers/SimpleIconStatDisplay/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { As, Flex, Heading, Icon, Spacer, Text, Tooltip, useColorModeValue } from '@chakra-ui/react';
-import { Info } from '@phosphor-icons/react';
+import { Info } from 'phosphor-react';
 import { Card } from '../Card';
 
 type Props = {
@@ -15,19 +15,19 @@ const SimpleIconStatDisplay = ({ title, description, icon, value, color }: Props
   const bgColor = useColorModeValue(color[0], color[1]);
 
   return (
-    <Card p={3} bgColor={bgColor}>
-      <Flex h="70px" w="100%" color="white">
+    <Card variant="widget" w="100%" p={3}>
+      <Flex h="70px" w="100%">
         <Flex direction="column" justifyContent="center">
           <Heading size="lg">{value}</Heading>
           <Heading size="sm" display="flex">
-            <Text>{title}</Text>
+            <Text opacity={0.8}>{title}</Text>
             <Tooltip label={description} hasArrow>
               <Info style={{ marginLeft: '4px', marginTop: '2px' }} />
             </Tooltip>
           </Heading>
         </Flex>
         <Spacer />
-        <Icon borderRadius="15px" my="auto" as={icon} boxSize="70px" color="white" />
+        <Icon borderRadius="15px" my="auto" as={icon} boxSize="70px" bgColor={bgColor} color="white" />
       </Flex>
     </Card>
   );

src/components/DataTables/ColumnPicker/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { Button, Checkbox, IconButton, Menu, MenuButton, MenuItem, MenuList, useBreakpoint } from '@chakra-ui/react';
-import { FunnelSimple } from '@phosphor-icons/react';
+import { FunnelSimple } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import { useAuth } from 'contexts/AuthProvider';
@@ -21,7 +21,7 @@ export const ColumnPicker = ({
   hiddenColumns,
   setHiddenColumns,
   size,
-  isCompact = true,
+  isCompact,
 }: ColumnPickerProps) => {
   const { t } = useTranslation();
   const { getPref, setPref } = useAuth();

src/components/DataTables/DataGrid/CellRow.tsx

@@ -1,64 +0,0 @@
-import * as React from 'react';
-import { Td, Tr } from '@chakra-ui/react';
-import { Row, flexRender } from '@tanstack/react-table';
-
-export type DataGridCellRowProps<TValue extends object> = {
-  row: Row<TValue>;
-  onRowClick: ((row: TValue) => (() => void) | undefined) | undefined;
-  rowStyle: {
-    hoveredRowBg: string;
-  };
-};
-
-export const DataGridCellRow = <TValue extends object>({
-  row,
-  rowStyle: { hoveredRowBg },
-  onRowClick,
-}: DataGridCellRowProps<TValue>) => {
-  const onClick = onRowClick ? onRowClick(row.original) : undefined;
-
-  return (
-    <Tr
-      key={row.id}
-      _hover={{
-        backgroundColor: hoveredRowBg,
-      }}
-      onClick={onClick}
-      borderRight="1px solid gray"
-    >
-      {row.getVisibleCells().map((cell) => (
-        <Td
-          px={1}
-          key={cell.id}
-          textOverflow="ellipsis"
-          overflow="hidden"
-          whiteSpace="nowrap"
-          minWidth={cell.column.columnDef.meta?.customMinWidth ?? undefined}
-          maxWidth={cell.column.columnDef.meta?.customMaxWidth ?? undefined}
-          width={cell.column.columnDef.meta?.customWidth}
-          textAlign={cell.column.columnDef.meta?.isCentered ? 'center' : undefined}
-          fontFamily={
-            cell.column.columnDef.meta?.isMonospace
-              ? 'Inter, SFMono-Regular, Menlo, Monaco, Consolas, monospace'
-              : undefined
-          }
-          onClick={
-            cell.column.columnDef.meta?.stopPropagation || (cell.column.id === 'actions' && onClick)
-              ? (e) => {
-                  e.stopPropagation();
-                }
-              : undefined
-          }
-          cursor={
-            !cell.column.columnDef.meta?.stopPropagation && cell.column.id !== 'actions' && onClick
-              ? 'pointer'
-              : undefined
-          }
-          border="0.5px solid gray"
-        >
-          {flexRender(cell.column.columnDef.cell, cell.getContext())}
-        </Td>
-      ))}
-    </Tr>
-  );
-};

src/components/DataTables/DataGrid/DataGridColumnPicker.tsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import { Box, Checkbox, IconButton, Menu, MenuButton, MenuItem, MenuList, Tooltip } from '@chakra-ui/react';
-import { FunnelSimple } from '@phosphor-icons/react';
-import { VisibilityState } from '@tanstack/react-table';
-import { useTranslation } from 'react-i18next';
-import { v4 as uuid } from 'uuid';
-import { DataGridColumn } from './useDataGrid';
-
-export type DataGridColumnPickerProps<TValue extends object> = {
-  columns: DataGridColumn<TValue>[];
-  columnVisibility: VisibilityState;
-  toggleVisibility: (id: string) => void;
-};
-
-export const DataGridColumnPicker = <TValue extends object>({
-  columns,
-  columnVisibility,
-  toggleVisibility,
-}: DataGridColumnPickerProps<TValue>) => {
-  const { t } = useTranslation();
-
-  return (
-    <Box>
-      <Menu closeOnSelect={false} isLazy>
-        <Tooltip label={t('common.columns')} hasArrow>
-          <MenuButton as={IconButton} icon={<FunnelSimple />} />
-        </Tooltip>
-        <MenuList maxH="200px" overflowY="auto">
-          {columns
-            .filter((col) => col.id && col.header)
-            .map((column) => {
-              const handleClick =
-                column.id !== undefined ? () => toggleVisibility(column.id as unknown as string) : undefined;
-              const id = column.id ?? uuid();
-              let label = column.header?.toString() ?? 'Unrecognized column';
-              if (column.meta?.columnSelectorOptions?.label) label = column.meta.columnSelectorOptions.label;
-
-              return (
-                <MenuItem
-                  key={id}
-                  as={Checkbox}
-                  isChecked={columnVisibility[id] === undefined || columnVisibility[id]}
-                  onChange={column.meta?.alwaysShow ? undefined : handleClick}
-                  isDisabled={column.meta?.alwaysShow}
-                >
-                  {label}
-                </MenuItem>
-              );
-            })}
-        </MenuList>
-      </Menu>
-    </Box>
-  );
-};

src/components/DataTables/DataGrid/HeaderRow.tsx

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { Box, Flex, Th, Tooltip, Tr } from '@chakra-ui/react';
-import { HeaderGroup, flexRender } from '@tanstack/react-table';
-import { DataGridSortIcon } from './SortIcon';
-
-export type DataGridHeaderRowProps<TValue extends object> = {
-  headerGroup: HeaderGroup<TValue>;
-};
-
-export const DataGridHeaderRow = <TValue extends object>({ headerGroup }: DataGridHeaderRowProps<TValue>) => (
-  <Tr p={0} borderRight="1px solid gray">
-    {headerGroup.headers.map((header) => (
-      <Th
-        color="gray.400"
-        key={header.id}
-        colSpan={header.colSpan}
-        minWidth={header.column.columnDef.meta?.customMinWidth ?? undefined}
-        maxWidth={header.column.columnDef.meta?.customMaxWidth ?? undefined}
-        width={header.column.columnDef.meta?.customWidth}
-        fontSize="sm"
-        onClick={header.column.getCanSort() ? header.column.getToggleSortingHandler() : undefined}
-        cursor={header.column.getCanSort() ? 'pointer' : undefined}
-        border="0.5px solid gray"
-        px={1}
-      >
-        <Flex display="flex" alignItems="center">
-          {header.isPlaceholder ? null : (
-            <Tooltip label={header.column.columnDef.meta?.headerOptions?.tooltip}>
-              <Box
-                overflow="hidden"
-                whiteSpace="nowrap"
-                alignContent="center"
-                width="100%"
-                {...header.column.columnDef.meta?.headerStyleProps}
-              >
-                {flexRender(header.column.columnDef.header, header.getContext())}
-              </Box>
-            </Tooltip>
-          )}
-          <DataGridSortIcon sortInfo={header.column.getIsSorted()} canSort={header.column.getCanSort()} />
-        </Flex>
-      </Th>
-    ))}
-  </Tr>
-);

src/components/DataTables/DataGrid/Input.tsx

@@ -1,124 +0,0 @@
-import * as React from 'react';
-import { ArrowLeftIcon, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon } from '@chakra-ui/icons';
-import {
-  Tooltip,
-  Flex,
-  IconButton,
-  Text,
-  Select,
-  NumberInput,
-  NumberInputField,
-  NumberInputStepper,
-  NumberIncrementStepper,
-  NumberDecrementStepper,
-} from '@chakra-ui/react';
-import { Table } from '@tanstack/react-table';
-import { useTranslation } from 'react-i18next';
-import { v4 as uuid } from 'uuid';
-import { useContainerDimensions } from 'hooks/useContainerDimensions';
-
-type Props<T extends object> = {
-  table: Table<T>;
-  isDisabled?: boolean;
-};
-
-const DataGridControls = <T extends object>({ table, isDisabled }: Props<T>) => {
-  const { t } = useTranslation();
-  const { ref, dimensions } = useContainerDimensions({ precision: 100 });
-  const isCompact = dimensions.width !== 0 && dimensions.width <= 800;
-
-  return (
-    <Flex ref={ref} justifyContent="space-between" m={4} alignItems="center">
-      <Flex>
-        <Tooltip label={t('table.first_page')}>
-          <IconButton
-            aria-label="Go to first page"
-            onClick={() => table.setPageIndex(0)}
-            isDisabled={isDisabled || !table.getCanPreviousPage()}
-            icon={<ArrowLeftIcon h={3} w={3} />}
-            mr={4}
-          />
-        </Tooltip>
-        <Tooltip label={t('table.previous_page')}>
-          <IconButton
-            aria-label="Previous page"
-            onClick={() => table.previousPage()}
-            isDisabled={isDisabled || !table.getCanPreviousPage()}
-            icon={<ChevronLeftIcon h={6} w={6} />}
-          />
-        </Tooltip>
-      </Flex>
-
-      <Flex alignItems="center">
-        {isCompact ? null : (
-          <>
-            <Text flexShrink={0} mr={8}>
-              {t('table.page')}{' '}
-              <Text fontWeight="bold" as="span">
-                {table.getState().pagination.pageIndex + 1}
-              </Text>{' '}
-              {t('common.of')}{' '}
-              <Text fontWeight="bold" as="span">
-                {table.getPageCount()}
-              </Text>
-            </Text>
-            <Text flexShrink={0}>{t('table.go_to_page')}</Text>{' '}
-            <NumberInput
-              ml={2}
-              mr={8}
-              w={28}
-              min={1}
-              max={table.getPageCount()}
-              onChange={(_, numberValue) => {
-                const newPage = numberValue ? numberValue - 1 : 0;
-                table.setPageIndex(newPage);
-              }}
-              value={table.getState().pagination.pageIndex + 1}
-            >
-              <NumberInputField />
-              <NumberInputStepper>
-                <NumberIncrementStepper />
-                <NumberDecrementStepper />
-              </NumberInputStepper>
-            </NumberInput>
-          </>
-        )}
-        <Select
-          w={32}
-          value={table.getState().pagination.pageSize}
-          onChange={(e) => {
-            table.setPageSize(Number(e.target.value));
-          }}
-        >
-          {[10, 20, 30, 40, 50].map((opt) => (
-            <option key={uuid()} value={opt}>
-              {t('common.show')} {opt}
-            </option>
-          ))}
-        </Select>
-      </Flex>
-
-      <Flex>
-        <Tooltip label={t('table.next_page')}>
-          <IconButton
-            aria-label="Go to next page"
-            onClick={() => table.nextPage()}
-            isDisabled={isDisabled || !table.getCanNextPage()}
-            icon={<ChevronRightIcon h={6} w={6} />}
-          />
-        </Tooltip>
-        <Tooltip label={t('table.last_page')}>
-          <IconButton
-            aria-label="Go to last page"
-            onClick={() => table.setPageIndex(table.getPageCount() - 1)}
-            isDisabled={isDisabled || !table.getCanNextPage()}
-            icon={<ArrowRightIcon h={3} w={3} />}
-            ml={4}
-          />
-        </Tooltip>
-      </Flex>
-    </Flex>
-  );
-};
-
-export default DataGridControls;

src/components/DataTables/DataGrid/SortIcon.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Icon } from '@chakra-ui/react';
-import { ArrowDown, ArrowUp, Circle } from '@phosphor-icons/react';
-import { SortDirection } from '@tanstack/react-table';
-
-export type DataGridSortIconProps = {
-  sortInfo: false | SortDirection;
-  canSort: boolean;
-};
-
-export const DataGridSortIcon = ({ sortInfo, canSort }: DataGridSortIconProps) => {
-  if (canSort) {
-    if (sortInfo) {
-      return sortInfo === 'desc' ? (
-        <Icon ml={1} boxSize={3} as={ArrowDown} />
-      ) : (
-        <Icon ml={1} boxSize={3} as={ArrowUp} />
-      );
-    }
-    return <Icon ml={1} boxSize={3} as={Circle} />;
-  }
-  return null;
-};

src/components/DataTables/DataGrid/TableSettingsModal/DragDrop/DraggableColumn.tsx

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { Box, Icon, Text, Tooltip, useColorModeValue } from '@chakra-ui/react';
-import { Draggable } from '@hello-pangea/dnd';
-import { ArrowsDownUp, Lock } from '@phosphor-icons/react';
-import { useTranslation } from 'react-i18next';
-import { DataGridColumn } from '../../useDataGrid';
-
-type Props<TValue> = {
-  draggableId: string;
-  index: number;
-  column: DataGridColumn<TValue>;
-};
-
-const DraggableColumn = <TValue extends object>({ draggableId, index, column }: Props<TValue>) => {
-  const { t } = useTranslation();
-  const isDraggingBackground = useColorModeValue('blue.100', 'blue.600');
-  const notDraggingBackground = useColorModeValue('gray.50', 'gray.700');
-
-  let label = column.header?.toString() ?? 'Unrecognized column';
-  if (column.meta?.columnSelectorOptions?.label) label = column.meta.columnSelectorOptions.label;
-
-  const tooltipLabel = () => {
-    if (column.meta?.anchored) return t('table.drag_locked');
-    if (column.meta?.alwaysShow) return t('table.drag_always_show');
-
-    return t('table.drag_explanation');
-  };
-
-  return (
-    <Draggable draggableId={draggableId} index={index} isDragDisabled={column.meta?.anchored}>
-      {(itemProvided, itemSnapshot) => (
-        <Tooltip label={tooltipLabel()}>
-          <Box
-            ref={itemProvided.innerRef}
-            {...itemProvided.draggableProps}
-            {...itemProvided.dragHandleProps}
-            display="flex"
-            backgroundColor={itemSnapshot.isDragging ? isDraggingBackground : notDraggingBackground}
-            px={6}
-            py={2}
-            my={2}
-            borderRadius={15}
-            cursor={column.meta?.anchored ? 'not-allowed' : undefined}
-          >
-            <Icon as={column.meta?.anchored ? Lock : ArrowsDownUp} boxSize={5} ml={0.5} mr={2} my="auto" />
-            <Text my="auto">{label}</Text>
-          </Box>
-        </Tooltip>
-      )}
-    </Draggable>
-  );
-};
-
-export default DraggableColumn;

src/components/DataTables/DataGrid/TableSettingsModal/DragDrop/DroppableBox.tsx

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { Box, useColorModeValue } from '@chakra-ui/react';
-import { Droppable } from '@hello-pangea/dnd';
-import { DataGridColumn } from '../../useDataGrid';
-import DraggableColumn from './DraggableColumn';
-
-type Props<TValue> = {
-  items: string[];
-  columns: DataGridColumn<TValue>[];
-  droppableId: string;
-  isDropDisabled?: boolean;
-};
-const DroppableBox = <TValue extends object>({ items, columns, droppableId, isDropDisabled }: Props<TValue>) => {
-  const notDraggingBackground = useColorModeValue('gray.200', 'gray.600');
-  const isDraggingOverBackground = useColorModeValue('blue.300', 'blue.500');
-
-  return (
-    <Droppable droppableId={droppableId} direction="vertical" isCombineEnabled={false} isDropDisabled={isDropDisabled}>
-      {(provided, snapshot) => (
-        <Box
-          ref={provided.innerRef}
-          backgroundColor={snapshot.isDraggingOver ? isDraggingOverBackground : notDraggingBackground}
-          padding={2}
-          borderRadius={15}
-        >
-          {items.map((item, index) => {
-            const found = columns.find((col) => col.id === item);
-            return found ? <DraggableColumn key={item} draggableId={item} index={index} column={found} /> : null;
-          })}
-          {provided.placeholder}
-        </Box>
-      )}
-    </Droppable>
-  );
-};
-
-export default React.memo(DroppableBox);

src/components/DataTables/DataGrid/TableSettingsModal/DragDrop/index.tsx

@@ -1,129 +0,0 @@
-import * as React from 'react';
-import { Box, Flex, Heading } from '@chakra-ui/react';
-import { DragDropContext, DragStart, DropResult } from '@hello-pangea/dnd';
-import { useTranslation } from 'react-i18next';
-import { DataGridColumn, UseDataGridReturn } from '../../useDataGrid';
-import DroppableBox from './DroppableBox';
-
-const reorder = (list: string[], startIndex: number, endIndex: number) => {
-  const result = Array.from(list);
-  const [removed] = result.splice(startIndex, 1);
-  if (removed) {
-    result.splice(endIndex, 0, removed);
-  }
-
-  return result;
-};
-
-const getShownColumns = <TValue extends object>(columns: DataGridColumn<TValue>[], columnOrder: string[]) => {
-  const order = [...columnOrder];
-
-  for (const col of columns) {
-    if (!order.includes(col.id)) {
-      order.push(col.id);
-    }
-  }
-
-  return order;
-};
-
-type Props<TValue extends object> = {
-  controller: UseDataGridReturn;
-  shownColumns: DataGridColumn<TValue>[];
-  hiddenColumns: DataGridColumn<TValue>[];
-};
-
-const TableDragDrop = <TValue extends object>({ controller, shownColumns, hiddenColumns }: Props<TValue>) => {
-  const { t } = useTranslation();
-  const [shownOrder, setShowOrder] = React.useState(getShownColumns(shownColumns, controller.columnOrder));
-  const [hiddenOrder, setHiddenOrder] = React.useState(hiddenColumns.map((col) => col.id));
-  const [currentDraggingColumn, setCurrentDraggingColumn] = React.useState<DataGridColumn<TValue>>();
-
-  const handleDragStart = React.useCallback(
-    (start: DragStart) => {
-      const foundColumn =
-        shownColumns.find(({ id }) => id === start.draggableId) ??
-        hiddenColumns.find(({ id }) => id === start.draggableId);
-      setCurrentDraggingColumn(foundColumn);
-    },
-    [shownColumns, hiddenColumns],
-  );
-
-  const minimumIndex = React.useMemo(() => {
-    let index = 0;
-    for (const [i, col] of shownColumns.entries()) {
-      if (col.meta?.anchored) {
-        index = i;
-      }
-    }
-    return index + 1;
-  }, [shownColumns]);
-
-  const handleDragEnd = React.useCallback(
-    (result: DropResult) => {
-      const { source, destination, draggableId } = result;
-
-      if (destination === null) return;
-
-      if (source.droppableId === destination.droppableId) {
-        const newOrder = reorder(shownOrder, source.index, Math.max(destination.index, minimumIndex));
-        if (destination.droppableId === 'displayed-columns') {
-          controller.setColumnOrder(newOrder);
-          setShowOrder(newOrder);
-        } else setHiddenOrder(newOrder);
-      }
-      // This means we are moving from displayed to hidden
-      else if (source.droppableId === 'displayed-columns') {
-        // Toggle the column visibility in user preferences
-        const results = controller.hideColumn(draggableId);
-        if (results) {
-          setHiddenOrder([...results.hiddenColumns]);
-          setShowOrder([...results.columnOrder]);
-        }
-      }
-      // This means we are moving from hidden to displayed
-      else if (source.droppableId === 'hidden-columns') {
-        const newOrder = Array.from(shownOrder);
-        newOrder.splice(Math.max(destination.index, minimumIndex), 0, draggableId);
-        const results = controller.unhideColumn(draggableId, newOrder);
-        if (results) {
-          setHiddenOrder(results.hiddenColumns);
-          setShowOrder([...results.columnOrder]);
-          setHiddenOrder([...results.hiddenColumns]);
-        }
-      }
-
-      setCurrentDraggingColumn(undefined);
-    },
-    [shownColumns, hiddenColumns, controller.hideColumn, controller.unhideColumn, minimumIndex],
-  );
-
-  return (
-    <>
-      <Heading size="md">{t('table.columns')}</Heading>
-      <DragDropContext onDragStart={handleDragStart} onDragEnd={handleDragEnd}>
-        <Flex mt={4}>
-          <Box w="50%" mr={2}>
-            <Heading size="sm" mb={4}>
-              Visible ({shownOrder.length})
-            </Heading>
-            <DroppableBox droppableId="displayed-columns" items={shownOrder} columns={shownColumns} />
-          </Box>
-          <Box ml={2} w="50%">
-            <Heading size="sm" mb={4}>
-              Hidden ({hiddenColumns.length})
-            </Heading>
-            <DroppableBox
-              droppableId="hidden-columns"
-              items={hiddenOrder}
-              columns={hiddenColumns}
-              isDropDisabled={currentDraggingColumn?.meta?.alwaysShow}
-            />
-          </Box>
-        </Flex>
-      </DragDropContext>
-    </>
-  );
-};
-
-export default TableDragDrop;

src/components/DataTables/DataGrid/TableSettingsModal/index.tsx

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { SettingsIcon } from '@chakra-ui/icons';
-import { Box, IconButton, Tooltip, useDisclosure } from '@chakra-ui/react';
-import { ClockCounterClockwise } from '@phosphor-icons/react';
-import { useTranslation } from 'react-i18next';
-import { Modal } from '../../../Modals/Modal';
-import { DataGridColumn, UseDataGridReturn } from '../useDataGrid';
-import TableDragDrop from './DragDrop';
-
-type Props<TValue extends object> = {
-  controller: UseDataGridReturn;
-  columns: DataGridColumn<TValue>[];
-};
-
-const TableSettingsModal = <TValue extends object>({ controller, columns }: Props<TValue>) => {
-  const { t } = useTranslation();
-  const modalProps = useDisclosure();
-
-  return (
-    <>
-      <Tooltip label={t('table.preferences')}>
-        <IconButton
-          aria-label={t('table.preferences')}
-          icon={<SettingsIcon weight="bold" />}
-          onClick={modalProps.onOpen}
-        />
-      </Tooltip>
-      <Modal
-        title={t('table.preferences')}
-        topRightButtons={
-          <Tooltip label={t('table.reset')}>
-            <IconButton
-              aria-label={t('table.reset')}
-              icon={<ClockCounterClockwise size={20} />}
-              onClick={controller.resetPreferences}
-            />
-          </Tooltip>
-        }
-        options={{
-          modalSize: 'md',
-          maxWidth: { sm: '600px', md: '600px', lg: '600px', xl: '600px' },
-        }}
-        {...modalProps}
-      >
-        <Box w="100%">
-          <TableDragDrop<TValue>
-            shownColumns={columns.filter((col) => controller.columnVisibility[col.id] !== false)}
-            hiddenColumns={columns.filter((col) => controller.columnVisibility[col.id] === false)}
-            controller={controller}
-          />
-        </Box>
-      </Modal>
-    </>
-  );
-};
-
-export default React.memo(TableSettingsModal);

src/components/DataTables/DataGrid/index.tsx

@@ -1,251 +0,0 @@
-import React from 'react';
-import {
-  Box,
-  Center,
-  Flex,
-  HStack,
-  Heading,
-  LayoutProps,
-  Spacer,
-  Spinner,
-  Table,
-  TableContainer,
-  Tbody,
-  Thead,
-  useColorModeValue,
-} from '@chakra-ui/react';
-import { getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
-import { useTranslation } from 'react-i18next';
-import { RefreshButton } from '../../Buttons/RefreshButton';
-import { DataGridCellRow } from './CellRow';
-import { DataGridHeaderRow } from './HeaderRow';
-import DataGridControls from './Input';
-import TableSettingsModal from './TableSettingsModal';
-import { DataGridColumn, UseDataGridReturn } from './useDataGrid';
-import { Card } from 'components/Containers/Card';
-import { CardBody } from 'components/Containers/Card/CardBody';
-import { CardHeader } from 'components/Containers/Card/CardHeader';
-import { LoadingOverlay } from 'components/LoadingOverlay';
-
-export type ColumnOptions = {
-  isSortable?: boolean;
-};
-
-export type DataGridOptions<TValue extends object> = {
-  count?: number;
-  isFullScreen?: boolean;
-  isHidingControls?: boolean;
-  isManual?: boolean;
-  minimumHeight?: LayoutProps['minH'];
-  onRowClick?: (row: TValue) => (() => void) | undefined;
-  refetch?: () => void;
-  showAsCard?: boolean;
-};
-
-export type DataGridProps<TValue extends object> = {
-  controller: UseDataGridReturn;
-  columns: DataGridColumn<TValue>[];
-  header: {
-    title: string;
-    objectListed: string;
-    leftContent?: React.ReactNode;
-    addButton?: React.ReactNode;
-    otherButtons?: React.ReactNode;
-  };
-  data?: TValue[];
-  isLoading?: boolean;
-  options?: DataGridOptions<TValue>;
-};
-
-export const DataGrid = <TValue extends object>({
-  controller,
-  columns,
-  header,
-  data = [],
-  options = {},
-  isLoading = false,
-}: DataGridProps<TValue>) => {
-  const { t } = useTranslation();
-
-  /*
-    Table Styling
-  */
-  const textColor = useColorModeValue('gray.700', 'white');
-  const hoveredRowBg = useColorModeValue('gray.100', 'gray.600');
-
-  const minimumHeight: LayoutProps['minH'] = React.useMemo(() => {
-    if (options.isFullScreen) {
-      return { base: 'calc(100vh - 360px)', md: 'calc(100vh - 288px)' };
-    }
-    return options.minimumHeight ?? '300px';
-  }, [options.isFullScreen, options.minimumHeight]);
-
-  /*
-    Table Options
-  */
-  const onRowClick = React.useMemo(() => options.onRowClick, [options.onRowClick]);
-
-  const pagination = React.useMemo(
-    () => ({
-      pageIndex: controller.pageInfo.pageIndex,
-      pageSize: controller.pageInfo.pageSize,
-    }),
-    [controller.pageInfo.pageIndex, controller.pageInfo.pageSize],
-  );
-
-  const pageCount = React.useMemo(() => {
-    if (options.isManual && options.count) {
-      return Math.ceil(options.count / pagination.pageSize);
-    }
-    return Math.ceil((data?.length ?? 0) / pagination.pageSize);
-  }, [options.count, options.isManual, data?.length, pagination.pageSize]);
-
-  const tableOptions = React.useMemo(
-    () => ({
-      pageCount: pageCount > 0 ? pageCount : 1,
-      initialState: { sorting: controller.sortBy, pagination },
-      manualPagination: options.isManual,
-      manualSorting: options.isManual,
-      autoResetPageIndex: false,
-    }),
-    [options.isManual, controller.sortBy, pageCount],
-  );
-
-  const orderedColumns = React.useMemo(() => {
-    const order = controller.columnOrder.filter((id) => columns.find((col) => col.id === id));
-    if (order.length !== columns.length) {
-      for (const col of columns) {
-        if (!order.includes(col.id)) {
-          order.push(col.id);
-        }
-      }
-    }
-
-    return columns.slice().sort((a, b) => order.indexOf(a.id) - order.indexOf(b.id));
-  }, [columns, controller.columnOrder]);
-
-  const table = useReactTable<TValue>({
-    // react-table base functions
-    getCoreRowModel: getCoreRowModel(),
-    getPaginationRowModel: getPaginationRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-
-    // Table State
-    data,
-    columns: orderedColumns,
-    state: {
-      sorting: controller.sortBy,
-      columnVisibility: controller.columnVisibility,
-      pagination,
-    },
-
-    // Change Handlers
-    onSortingChange: controller.setSortBy,
-    onPaginationChange: controller.onPaginationChange,
-
-    // debugTable: true,
-
-    // Table Options
-    ...tableOptions,
-  });
-
-  if (isLoading && !options.showAsCard && data.length === 0) {
-    return (
-      <Center>
-        <Spinner size="xl" />
-      </Center>
-    );
-  }
-
-  return options.showAsCard ? (
-    <Card>
-      <CardHeader>
-        <Heading size="md" my="auto" mr={2}>
-          {header.title}
-        </Heading>
-        {header.leftContent}
-        <Spacer />
-        <HStack spacing={2}>
-          {header.otherButtons}
-          {header.addButton}
-          {
-            // @ts-ignore
-            <TableSettingsModal<TValue> controller={controller} columns={columns} />
-          }
-          {options.refetch ? <RefreshButton onClick={options.refetch} isCompact isFetching={isLoading} /> : null}
-        </HStack>
-      </CardHeader>
-      <CardBody display="flex" flexDirection="column">
-        <LoadingOverlay isLoading={isLoading}>
-          <TableContainer minH={minimumHeight}>
-            <Table size="small" variant="simple" textColor={textColor} w="100%" fontSize="14px">
-              <Thead>
-                {table.getHeaderGroups().map((headerGroup) => (
-                  <DataGridHeaderRow<TValue> key={headerGroup.id} headerGroup={headerGroup} />
-                ))}
-              </Thead>
-              <Tbody>
-                {table.getRowModel().rows.map((row) => (
-                  <DataGridCellRow<TValue> key={row.id} row={row} onRowClick={onRowClick} rowStyle={{ hoveredRowBg }} />
-                ))}
-              </Tbody>
-            </Table>
-            {data?.length === 0 ? (
-              <Center mt={8}>
-                <Heading size="md">
-                  {header.objectListed
-                    ? t('common.no_obj_found', { obj: header.objectListed })
-                    : t('common.empty_list')}
-                </Heading>
-              </Center>
-            ) : null}
-          </TableContainer>
-        </LoadingOverlay>
-        {!options.isHidingControls ? <DataGridControls table={table} isDisabled={isLoading} /> : null}
-      </CardBody>
-    </Card>
-  ) : (
-    <Box w="100%">
-      <Flex mb={2}>
-        <Heading size="md" my="auto" mr={2}>
-          {header.title}
-        </Heading>
-        {header.leftContent}
-        <Spacer />
-        <HStack spacing={2}>
-          {header.otherButtons}
-          {header.addButton}
-          {
-            // @ts-ignore
-            <TableSettingsModal<TValue> controller={controller} columns={columns} />
-          }
-          {options.refetch ? <RefreshButton onClick={options.refetch} isCompact isFetching={isLoading} /> : null}
-        </HStack>
-      </Flex>
-      <LoadingOverlay isLoading={isLoading}>
-        <TableContainer minH={minimumHeight}>
-          <Table size="small" variant="simple" textColor={textColor} w="100%" fontSize="14px">
-            <Thead>
-              {table.getHeaderGroups().map((headerGroup) => (
-                <DataGridHeaderRow<TValue> key={headerGroup.id} headerGroup={headerGroup} />
-              ))}
-            </Thead>
-            <Tbody>
-              {table.getRowModel().rows.map((row) => (
-                <DataGridCellRow<TValue> key={row.id} row={row} onRowClick={onRowClick} rowStyle={{ hoveredRowBg }} />
-              ))}
-            </Tbody>
-          </Table>
-          {data?.length === 0 ? (
-            <Center mt={8}>
-              <Heading size="md">
-                {header.objectListed ? t('common.no_obj_found', { obj: header.objectListed }) : t('common.empty_list')}
-              </Heading>
-            </Center>
-          ) : null}
-        </TableContainer>
-      </LoadingOverlay>
-      {!options.isHidingControls ? <DataGridControls table={table} isDisabled={isLoading} /> : null}
-    </Box>
-  );
-};

src/components/DataTables/DataGrid/useDataGrid.ts

@@ -1,195 +0,0 @@
-import * as React from 'react';
-import { ColumnDef, PaginationState, SortingColumnDef, SortingState, VisibilityState } from '@tanstack/react-table';
-import { useAuth } from 'contexts/AuthProvider';
-
-const getDefaultSettings = (settings?: string) => {
-  let limit = 10;
-  let index = 0;
-
-  if (settings) {
-    const savedSizeSetting = localStorage.getItem(settings);
-    if (savedSizeSetting) {
-      try {
-        limit = parseInt(savedSizeSetting, 10);
-      } catch (e) {
-        limit = 10;
-      }
-    }
-
-    const savedPageSetting = localStorage.getItem(`${settings}.page`);
-    if (savedPageSetting) {
-      try {
-        index = parseInt(savedPageSetting, 10);
-      } catch (e) {
-        index = 0;
-      }
-    }
-  }
-
-  return {
-    pageSize: limit,
-    pageIndex: index,
-  };
-};
-
-const getSavedColumnOrder = (defaultValue: string[], settings?: string) => {
-  if (settings) {
-    const savedOrderSetting = localStorage.getItem(`${settings}.order`);
-    if (savedOrderSetting) {
-      try {
-        const savedOrder = JSON.parse(savedOrderSetting);
-        return savedOrder.length > 0 ? savedOrder : defaultValue;
-      } catch (e) {
-        return defaultValue;
-      }
-    }
-  }
-
-  return defaultValue;
-};
-
-export type DataGridColumn<T> = ColumnDef<T> & SortingColumnDef<T> & { id: string };
-
-export type UseDataGridProps = {
-  tableSettingsId: string;
-  defaultOrder: string[];
-  defaultSortBy?: SortingState;
-};
-
-export const useDataGrid = ({ tableSettingsId, defaultSortBy, defaultOrder }: UseDataGridProps) => {
-  const orderSetting = `${tableSettingsId}.order`;
-  const hiddenColumnSetting = `${tableSettingsId}.hiddenColumns`;
-  const pageSetting = `${tableSettingsId}.page`;
-  const { getPref, setPref, setPrefs, deletePref } = useAuth();
-  const [sortBy, setSortBy] = React.useState<SortingState>(defaultSortBy ?? []);
-  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});
-  const [columnOrder, setColumnOrder] = React.useState<string[]>(
-    getSavedColumnOrder(defaultOrder ?? [], tableSettingsId),
-  );
-  const [pageInfo, setPageInfo] = React.useState<PaginationState>(getDefaultSettings(tableSettingsId));
-
-  const setNewColumnOrder = React.useCallback(
-    (newOrder: string[]) => {
-      setColumnOrder(newOrder);
-      if (tableSettingsId) {
-        localStorage.setItem(orderSetting, JSON.stringify(newOrder));
-        setPref({ preference: orderSetting, value: newOrder.join(',') });
-      }
-    },
-    [setPref],
-  );
-
-  const resetPreferences = React.useCallback(async () => {
-    if (tableSettingsId) {
-      localStorage.removeItem(orderSetting);
-      localStorage.removeItem(hiddenColumnSetting);
-      await deletePref([orderSetting, hiddenColumnSetting]);
-    }
-
-    setColumnOrder(defaultOrder ?? []);
-    setColumnVisibility({});
-  }, [deletePref]);
-
-  const hideColumn = React.useCallback(
-    (id: string) => {
-      const newVisibility = { ...columnVisibility };
-      newVisibility[id] = false;
-      let hiddenColumnsArray = Object.entries(newVisibility)
-        .filter(([, value]) => !value)
-        .map(([key]) => key);
-      hiddenColumnsArray = [...new Set(hiddenColumnsArray)]; // Remove duplicates
-
-      // New column order without hidden columns
-      let filteredColumnOrder = columnOrder.filter((columnId) => !hiddenColumnsArray.includes(columnId));
-      filteredColumnOrder = [...new Set(filteredColumnOrder)]; // Remove duplicates
-
-      setPrefs([
-        { tag: hiddenColumnSetting, value: hiddenColumnsArray.join(',') },
-        { tag: orderSetting, value: filteredColumnOrder.join(',') },
-      ]);
-      setColumnVisibility({ ...newVisibility });
-      setColumnOrder(filteredColumnOrder);
-      localStorage.setItem(orderSetting, JSON.stringify(filteredColumnOrder));
-      localStorage.setItem(hiddenColumnSetting, hiddenColumnsArray.join(','));
-
-      return {
-        hiddenColumns: hiddenColumnsArray,
-        columnOrder: filteredColumnOrder,
-      };
-    },
-    [columnOrder, columnVisibility, setPrefs],
-  );
-
-  const unhideColumn = React.useCallback(
-    (id: string, newOrder: string[]) => {
-      const newVisibility = { ...columnVisibility };
-      newVisibility[id] = true;
-      let hiddenColumnsArray = Object.entries(newVisibility)
-        .filter(([, value]) => !value)
-        .map(([key]) => key);
-      hiddenColumnsArray = [...new Set(hiddenColumnsArray)]; // Remove duplicates
-
-      const newColumnOrder = [...new Set(newOrder)]; // Remove duplicates
-
-      setPrefs([
-        { tag: hiddenColumnSetting, value: hiddenColumnsArray.join(',') },
-        { tag: orderSetting, value: newColumnOrder.join(',') },
-      ]);
-      setColumnVisibility({ ...newVisibility });
-      setColumnOrder(newColumnOrder);
-      localStorage.setItem(orderSetting, JSON.stringify(newColumnOrder));
-      localStorage.setItem(hiddenColumnSetting, hiddenColumnsArray.join(','));
-
-      return {
-        hiddenColumns: hiddenColumnsArray,
-        columnOrder: newColumnOrder,
-      };
-    },
-    [columnOrder, columnVisibility, setPrefs],
-  );
-
-  React.useEffect(() => {
-    const savedPrefs = getPref(hiddenColumnSetting);
-
-    if (savedPrefs) {
-      const savedHiddenColumns = savedPrefs.split(',');
-      setColumnVisibility(savedHiddenColumns.reduce((acc, curr) => ({ ...acc, [curr]: false }), {}));
-    } else {
-      setColumnVisibility({});
-    }
-
-    const savedOrderSetting = getPref(orderSetting);
-
-    if (savedOrderSetting) {
-      const savedHiddenColumns = savedOrderSetting.split(',');
-      setColumnOrder(savedHiddenColumns);
-    }
-  }, [tableSettingsId]);
-
-  React.useEffect(() => {
-    if (tableSettingsId) {
-      localStorage.setItem(pageSetting, String(pageInfo.pageIndex));
-      if (tableSettingsId) localStorage.setItem(`${tableSettingsId}`, String(pageInfo.pageSize));
-    }
-  }, [pageInfo.pageIndex, pageInfo.pageSize]);
-
-  return React.useMemo(
-    () => ({
-      tableSettingsId,
-      pageInfo,
-      sortBy,
-      setSortBy,
-      columnOrder,
-      setColumnOrder: setNewColumnOrder,
-      hideColumn,
-      unhideColumn,
-      columnVisibility,
-      setColumnVisibility,
-      onPaginationChange: setPageInfo,
-      resetPreferences,
-    }),
-    [pageInfo, hideColumn, unhideColumn, columnVisibility, sortBy, columnOrder, setNewColumnOrder],
-  );
-};
-
-export type UseDataGridReturn = ReturnType<typeof useDataGrid>;

src/components/DataTables/DataTable/SortIcon.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '@chakra-ui/react';
-import { ArrowDown, ArrowUp, Circle } from '@phosphor-icons/react';
+import { ArrowDown, ArrowUp, Circle } from 'phosphor-react';
 
 interface Props {
   isSorted: boolean;

src/components/DataTables/DataTable/index.tsx

@@ -44,18 +44,15 @@ const defaultProps = {
   sortBy: [],
 };
 
-export type DataTableProps<TValue> = {
-  columns: Column<TValue>[];
-  data: TValue[];
+export type DataTableProps = {
+  columns: readonly Column<object>[];
+  data: object[];
   count?: number;
   setPageInfo?: React.Dispatch<React.SetStateAction<PageInfo | undefined>>;
   isLoading?: boolean;
-  onRowClick?: (row: TValue) => void;
-  isRowClickable?: (row: TValue) => boolean;
   obj?: string;
   sortBy?: { id: string; desc: boolean }[];
   hiddenColumns?: string[];
-  hideEmptyListText?: boolean;
   hideControls?: boolean;
   minHeight?: string | number;
   fullScreen?: boolean;
@@ -70,7 +67,7 @@ type TableInstanceWithHooks<T extends object> = TableInstance<T> &
     state: UsePaginationState<T>;
   };
 
-const _DataTable = <TValue extends object>({
+const _DataTable = ({
   columns,
   data,
   isLoading,
@@ -80,19 +77,15 @@ const _DataTable = <TValue extends object>({
   sortBy,
   hiddenColumns,
   hideControls,
-  hideEmptyListText,
   count,
   setPageInfo,
   isManual,
   saveSettingsId,
   showAllRows,
-  onRowClick,
-  isRowClickable,
-}: DataTableProps<TValue>) => {
+}: DataTableProps) => {
   const { t } = useTranslation();
   const breakpoint = useBreakpoint();
   const textColor = useColorModeValue('gray.700', 'white');
-  const hoveredRowBg = useColorModeValue('gray.100', 'gray.600');
   const getPageSize = () => {
     try {
       if (showAllRows) return 1000000;
@@ -147,12 +140,8 @@ const _DataTable = <TValue extends object>({
     },
     useSortBy,
     usePagination,
-  ) as TableInstanceWithHooks<TValue>;
+  ) as TableInstanceWithHooks<object>;
 
-  const handleGoToPage = (newPage: number) => {
-    if (saveSettingsId) localStorage.setItem(`${saveSettingsId}.page`, String(newPage));
-    gotoPage(newPage);
-  };
   const handleNextPage = () => {
     nextPage();
     if (saveSettingsId) localStorage.setItem(`${saveSettingsId}.page`, String(pageIndex + 1));
@@ -264,19 +253,10 @@ const _DataTable = <TValue extends object>({
             </Thead>
             {data.length > 0 && (
               <Tbody {...getTableBodyProps()}>
-                {page.map((row: Row<TValue>) => {
+                {page.map((row: Row) => {
                   prepareRow(row);
-                  const rowIsClickable = isRowClickable ? isRowClickable(row.original) : true;
-                  const onClick = rowIsClickable && onRowClick ? () => onRowClick(row.original) : undefined;
                   return (
-                    <Tr
-                      {...row.getRowProps()}
-                      key={uuid()}
-                      _hover={{
-                        backgroundColor: hoveredRowBg,
-                      }}
-                      onClick={onClick}
-                    >
+                    <Tr {...row.getRowProps()} key={uuid()}>
                       {
                         // @ts-ignore
                         row.cells.map((cell) => (
@@ -295,26 +275,8 @@ const _DataTable = <TValue extends object>({
                             fontSize="14px"
                             // @ts-ignore
                             textAlign={cell.column.isCentered ? 'center' : undefined}
-                            fontFamily={
                             // @ts-ignore
-                              cell.column.isMonospace
-                                ? 'Inter, SFMono-Regular, Menlo, Monaco, Consolas, monospace'
-                                : undefined
-                            }
-                            onClick={
-                              // @ts-ignore
-                              cell.column.stopPropagation || (cell.column.id === 'actions' && onRowClick)
-                                ? (e) => {
-                                    e.stopPropagation();
-                                  }
-                                : undefined
-                            }
-                            cursor={
-                              // @ts-ignore
-                              !cell.column.stopPropagation && cell.column.id !== 'actions' && onRowClick
-                                ? 'pointer'
-                                : undefined
-                            }
+                            fontFamily={cell.column.isMonospace ? 'monospace' : undefined}
                           >
                             {cell.render('Cell')}
                           </Td>
@@ -326,7 +288,7 @@ const _DataTable = <TValue extends object>({
               </Tbody>
             )}
           </Table>
-          {!isLoading && data.length === 0 && !hideEmptyListText && (
+          {!isLoading && data.length === 0 && (
             <Center>
               {obj ? (
                 <Heading size="md" pt={12}>
@@ -347,7 +309,7 @@ const _DataTable = <TValue extends object>({
             <Tooltip label={t('table.first_page')}>
               <IconButton
                 aria-label="Go to first page"
-                onClick={() => handleGoToPage(0)}
+                onClick={() => gotoPage(0)}
                 isDisabled={!canPreviousPage}
                 icon={<ArrowLeftIcon h={3} w={3} />}
                 mr={4}
@@ -385,7 +347,7 @@ const _DataTable = <TValue extends object>({
                   max={pageOptions.length}
                   onChange={(_: unknown, numberValue: number) => {
                     const newPage = numberValue ? numberValue - 1 : 0;
-                    handleGoToPage(newPage);
+                    gotoPage(newPage);
                   }}
                   defaultValue={pageIndex + 1}
                 >
@@ -424,7 +386,7 @@ const _DataTable = <TValue extends object>({
             <Tooltip label={t('table.last_page')}>
               <IconButton
                 aria-label="Go to last page"
-                onClick={() => handleGoToPage(pageCount - 1)}
+                onClick={() => gotoPage(pageCount - 1)}
                 isDisabled={!canNextPage}
                 icon={<ArrowRightIcon h={3} w={3} />}
                 ml={4}
@@ -439,4 +401,4 @@ const _DataTable = <TValue extends object>({
 
 _DataTable.defaultProps = defaultProps;
 
-export const DataTable = React.memo(_DataTable) as unknown as typeof _DataTable;
+export const DataTable = React.memo(_DataTable);

src/components/DataTables/SortableDataTable/SortIcon.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '@chakra-ui/react';
-import { ArrowDown, ArrowUp, Circle } from '@phosphor-icons/react';
+import { ArrowDown, ArrowUp, Circle } from 'phosphor-react';
 
 interface Props {
   isSorted: boolean;

src/components/DataTables/SortableDataTable/index.tsx

@@ -100,7 +100,6 @@ const SortableDataTable: React.FC<Props> = ({
 }) => {
   const { t } = useTranslation();
   const breakpoint = useBreakpoint();
-  const hoveredRowBg = useColorModeValue('gray.100', 'gray.600');
   const textColor = useColorModeValue('gray.700', 'white');
   const getPageSize = () => {
     const saved = saveSettingsId ? localStorage.getItem(saveSettingsId) : undefined;
@@ -224,13 +223,7 @@ const SortableDataTable: React.FC<Props> = ({
                 {page.map((row: Row) => {
                   prepareRow(row);
                   return (
-                    <Tr
-                      {...row.getRowProps()}
-                      key={uuid()}
-                      _hover={{
-                        backgroundColor: hoveredRowBg,
-                      }}
-                    >
+                    <Tr {...row.getRowProps()} key={uuid()}>
                       {
                         // @ts-ignore
                         row.cells.map((cell) => (
@@ -249,12 +242,8 @@ const SortableDataTable: React.FC<Props> = ({
                             fontSize="14px"
                             // @ts-ignore
                             textAlign={cell.column.isCentered ? 'center' : undefined}
-                            fontFamily={
                             // @ts-ignore
-                              cell.column.isMonospace
-                                ? 'Inter, SFMono-Regular, Menlo, Monaco, Consolas, monospace'
-                                : undefined
-                            }
+                            fontFamily={cell.column.isMonospace ? 'monospace' : undefined}
                           >
                             {cell.render('Cell')}
                           </Td>

src/components/DeviceSearchBar/index.tsx

@@ -0,0 +1,79 @@
+import * as React from 'react';
+import { Heading } from '@chakra-ui/react';
+import { Select } from 'chakra-react-select';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { useAuth } from 'contexts/AuthProvider';
+import { useControllerDeviceSearch } from 'contexts/ControllerSocketProvider/hooks/Commands/useDeviceSearch';
+import { useControllerStore } from 'contexts/ControllerSocketProvider/useStore';
+
+const DeviceSearchBar = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const { token } = useAuth();
+  const { startWebSocket, isWebSocketOpen } = useControllerStore((state) => ({
+    startWebSocket: state.startWebSocket,
+    isWebSocketOpen: state.isWebSocketOpen,
+  }));
+  const { inputValue, results, onInputChange } = useControllerDeviceSearch({
+    minLength: 2,
+  });
+
+  const NoOptionsMessage = React.useCallback(
+    () => (
+      <Heading size="sm" textAlign="center">
+        {isWebSocketOpen ? t('common.no_devices_found') : `${t('controller.devices.connecting')}...`}
+      </Heading>
+    ),
+    [t, isWebSocketOpen],
+  );
+  const onClick = React.useCallback((v: { value: string }) => {
+    navigate(`/devices/${v.value}`);
+  }, []);
+  const onChange = React.useCallback((v: string) => {
+    if ((v.length === 0 || v.match('^[a-fA-F0-9-*]+$')) && v.length <= 13) onInputChange(v);
+  }, []);
+
+  const onFocus = () => {
+    if (!isWebSocketOpen && token && token.length > 0) {
+      startWebSocket(token, 0);
+    }
+  };
+  return (
+    <Select
+      chakraStyles={{
+        control: (provided) => ({
+          ...provided,
+          borderRadius: '15px',
+          color: 'unset',
+        }),
+        input: (provided) => ({
+          ...provided,
+          width: '140px',
+        }),
+        dropdownIndicator: (provided) => ({
+          ...provided,
+          backgroundColor: 'unset',
+          border: 'unset',
+        }),
+        menu: (provided) => ({
+          ...provided,
+          color: 'black',
+        }),
+      }}
+      components={{ NoOptionsMessage }}
+      // @ts-ignore
+      options={results.map((v: string) => ({ label: v, value: v }))}
+      filterOption={() => true}
+      inputValue={inputValue}
+      value={inputValue}
+      placeholder={t('common.search')}
+      onInputChange={onChange}
+      onFocus={onFocus}
+      // @ts-ignore
+      onChange={onClick}
+    />
+  );
+};
+
+export default DeviceSearchBar;

src/components/Form/Fields/NotesField/index.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { AddIcon } from '@chakra-ui/icons';
 import { IconButton, Input, InputGroup, InputRightElement, Tooltip } from '@chakra-ui/react';
-import { Trash } from '@phosphor-icons/react';
+import { Trash } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import { DataTable } from '../../../DataTables/DataTable';

src/components/GlobalSearchBar/index.tsx

@@ -1,171 +0,0 @@
-import * as React from 'react';
-import { Tooltip, useColorMode, useColorModeValue } from '@chakra-ui/react';
-import {
-  AsyncSelect,
-  ChakraStylesConfig,
-  GroupBase,
-  LoadingIndicatorProps,
-  OptionBase,
-  OptionsOrGroups,
-  chakraComponents,
-} from 'chakra-react-select';
-import { useNavigate } from 'react-router-dom';
-import { useControllerStore } from 'contexts/ControllerSocketProvider/useStore';
-import debounce from 'helpers/debounce';
-import { getUsernameRadiusSessions } from 'hooks/Network/Radius';
-
-const chakraStyles: (
-  colorMode: 'light' | 'dark',
-) => ChakraStylesConfig<SearchOption, false, GroupBase<SearchOption>> = (colorMode) => ({
-  dropdownIndicator: (provided) => ({
-    ...provided,
-    width: '32px',
-  }),
-  placeholder: (provided) => ({
-    ...provided,
-    lineHeight: '1',
-    pointerEvents: 'none',
-    userSelect: 'none',
-    MozUserSelect: 'none',
-    WebkitUserSelect: 'none',
-    msUserSelect: 'none',
-  }),
-  container: (provided) => ({
-    ...provided,
-    width: '320px',
-    backgroundColor: colorMode === 'light' ? 'white' : 'gray.600',
-    borderRadius: '15px',
-  }),
-  input: (provided) => ({
-    ...provided,
-    gridArea: '1 / 2 / 4 / 4 !important',
-  }),
-});
-
-interface SearchOption extends OptionBase {
-  label: string;
-  value: string;
-  type: 'serial' | 'radius-username' | 'radius-mac';
-}
-
-const asyncComponents = {
-  LoadingIndicator: (props: LoadingIndicatorProps<SearchOption, false, GroupBase<SearchOption>>) => {
-    const { color, emptyColor } = useColorModeValue(
-      {
-        color: 'blue.500',
-        emptyColor: 'blue.100',
-      },
-      {
-        color: 'blue.300',
-        emptyColor: 'blue.900',
-      },
-    );
-
-    return (
-      <chakraComponents.LoadingIndicator
-        color={color}
-        emptyColor={emptyColor}
-        speed="750ms"
-        spinnerSize="md"
-        thickness="3px"
-        {...props}
-      />
-    );
-  },
-};
-
-const GlobalSearchBar = () => {
-  const { colorMode } = useColorMode();
-  const navigate = useNavigate();
-  const store = useControllerStore((state) => ({
-    searchSerialNumber: state.searchSerialNumber,
-  }));
-
-  const onNewSearch = React.useCallback(
-    async (v: string, callback: (options: OptionsOrGroups<SearchOption, GroupBase<SearchOption>>) => void) => {
-      if (v.length < 3) return callback([]);
-
-      if (v.includes('rad:')) {
-        const trimmed = v.replace('rad:', '').trim();
-        if (trimmed.length < 3) return callback([]);
-        const cleaned = trimmed.toLowerCase();
-        return getUsernameRadiusSessions(cleaned)
-          .then((res) =>
-            callback(
-              res
-                .map((r) => ({
-                  label: r.serialNumber,
-                  value: r.serialNumber,
-                  type: 'radius-username',
-                }))
-                .filter(({ value }, i, a) => a.findIndex((t) => t.value === value) === i) as SearchOption[],
-            ),
-          )
-          .then(() => callback([]));
-      }
-      if (v.match('^[a-fA-F0-9-*]+$')) {
-        await store
-          .searchSerialNumber(v)
-          .then((res) => {
-            callback(
-              res.map((r) => ({
-                label: r,
-                value: r,
-                type: 'serial',
-              })),
-            );
-          })
-          .catch(() => []);
-      }
-      return callback([]);
-    },
-    [],
-  );
-
-  const debouncedNewSearch = React.useCallback(
-    debounce(
-      // @ts-ignore
-      ({
-        v,
-        callback,
-      }: {
-        v: string;
-        callback: (options: OptionsOrGroups<SearchOption, GroupBase<SearchOption>>) => void;
-      }) => {
-        onNewSearch(v as string, callback);
-      },
-      300,
-    ),
-    [],
-  );
-
-  const styles = React.useMemo(() => chakraStyles(colorMode), [colorMode]);
-
-  return (
-    <Tooltip
-      label={`Search serial numbers and radius clients. For radius clients you can either use the client's username (rad:client@client.com)
-       or use the client's station ID (rad:11:22:33:44:55:66)`}
-      shouldWrapChildren
-      placement="left"
-    >
-      <AsyncSelect<SearchOption, false, GroupBase<SearchOption>>
-        name="global_search"
-        chakraStyles={styles}
-        closeMenuOnSelect
-        placeholder="Search MACs or radius clients"
-        components={asyncComponents}
-        loadOptions={(inputValue, callback) => {
-          debouncedNewSearch({ v: inputValue, callback });
-        }}
-        value={null}
-        onChange={(newValue) => {
-          if (newValue) {
-            navigate(`/devices/${newValue.value}`);
-          }
-        }}
-      />
-    </Tooltip>
-  );
-};
-
-export default GlobalSearchBar;

src/components/InformationDisplays/FormattedDate/index.tsx

@@ -1,19 +1,18 @@
 import React from 'react';
 import { Tooltip } from '@chakra-ui/react';
-import { compactDate, formatDaysAgo, formatDaysAgoCompact } from 'helpers/dateFormatting';
+import { compactDate, formatDaysAgo } from 'helpers/dateFormatting';
 
-type Props = { date?: number; hidePrefix?: boolean; isCompact?: boolean };
+type Props = { date?: number; hidePrefix?: boolean };
 
-const getDaysAgo = ({ date, hidePrefix, isCompact }: { date?: number; hidePrefix?: boolean; isCompact?: boolean }) => {
+const getDaysAgo = ({ date, hidePrefix }: { date?: number; hidePrefix?: boolean }) => {
   if (!date || date === 0) return '-';
-  if (isCompact)
-    return hidePrefix ? formatDaysAgoCompact(date).split(' ').slice(1).join(' ') : formatDaysAgoCompact(date);
+
   return hidePrefix ? formatDaysAgo(date).split(' ').slice(1).join(' ') : formatDaysAgo(date);
 };
 
-const FormattedDate = ({ date, hidePrefix, isCompact }: Props) => (
+const FormattedDate = ({ date, hidePrefix }: Props) => (
   <Tooltip hasArrow placement="top" label={compactDate(date ?? 0)}>
-    {getDaysAgo({ date, hidePrefix, isCompact })}
+    {getDaysAgo({ date, hidePrefix })}
   </Tooltip>
 );
 

src/components/InformationDisplays/InfoPopover/index.tsx

@@ -9,7 +9,7 @@ import {
   PopoverHeader,
   PopoverTrigger,
 } from '@chakra-ui/react';
-import { Question } from '@phosphor-icons/react';
+import { Question } from 'phosphor-react';
 
 export type InfoPopoverProps = {
   title: string;

src/components/InformationDisplays/SimpleStatDisplay/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InfoIcon } from '@chakra-ui/icons';
 import { Heading, IconButton, LayoutProps, LightMode, SpaceProps, Spacer, Tooltip } from '@chakra-ui/react';
-import { MagnifyingGlass } from '@phosphor-icons/react';
+import { MagnifyingGlass } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { Card } from 'components/Containers/Card';
 

src/components/LanguageSwitcher/index.tsx

@@ -33,14 +33,7 @@ const LanguageSwitcher = () => {
   return (
     <Menu>
       <Tooltip label={t('common.language')}>
-        <MenuButton
-          background="transparent"
-          variant="ghost"
-          as={IconButton}
-          aria-label="Commands"
-          icon={languageIcon}
-          size="sm"
-        />
+        <MenuButton background="transparent" as={IconButton} aria-label="Commands" icon={languageIcon} size="sm" />
       </Tooltip>
       <MenuList>
         <MenuItem onClick={changeLanguage('de')}>Deutsche</MenuItem>

src/components/Maps/GoogleMap/Marker.tsx

@@ -1,27 +0,0 @@
-import * as React from 'react';
-
-const _GoogleMapMarker = (options: google.maps.MarkerOptions) => {
-  const [marker, setMarker] = React.useState<google.maps.Marker>();
-
-  React.useEffect(() => {
-    if (!marker) {
-      setMarker(new google.maps.Marker());
-    }
-
-    return () => {
-      if (marker) {
-        marker.setMap(null);
-      }
-    };
-  }, [marker]);
-
-  React.useEffect(() => {
-    if (marker) {
-      marker.setOptions(options);
-    }
-  }, [marker, options]);
-
-  return null;
-};
-
-export const GoogleMapMarker = React.memo(_GoogleMapMarker);

src/components/Maps/GoogleMap/index.tsx

@@ -1,89 +0,0 @@
-import * as React from 'react';
-import { isLatLngLiteral } from '@googlemaps/typescript-guards';
-import { createCustomEqual } from 'fast-equals';
-
-const deepCompareEqualsForMaps = createCustomEqual((deepEqual) =>
-  // @ts-ignore
-  (a: number | google.maps.LatLng | google.maps.LatLngLiteral, b: number | google.maps.LatLng | google.maps.LatLngLiteral) => {
-    if (
-      isLatLngLiteral(a) ||
-      a instanceof google.maps.LatLng ||
-      isLatLngLiteral(b) ||
-      b instanceof google.maps.LatLng
-    ) {
-      return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));
-    }
-
-    // @ts-ignore
-    return deepEqual(a, b);
-  },
-);
-
-const useDeepCompareMemoize = (value: unknown) => {
-  const ref = React.useRef<unknown>();
-
-  if (!deepCompareEqualsForMaps(value, ref.current)) {
-    ref.current = value;
-  }
-
-  return ref.current;
-};
-
-const useDeepCompareEffectForMaps = (callback: React.EffectCallback, dependencies: unknown[]) => {
-  React.useEffect(callback, dependencies.map(useDeepCompareMemoize));
-};
-
-export interface GoogleMapProps extends google.maps.MapOptions {
-  style: { [key: string]: string };
-  onClick?: (e: google.maps.MapMouseEvent) => void;
-  onIdle?: (map: google.maps.Map) => void;
-  children?: React.ReactNode;
-}
-
-const _GoogleMap = ({ style, onClick, onIdle, children, ...options }: GoogleMapProps) => {
-  const ref = React.useRef<HTMLDivElement>(null);
-  const [map, setMap] = React.useState<google.maps.Map>();
-
-  // because React does not do deep comparisons, a custom hook is used
-  useDeepCompareEffectForMaps(() => {
-    if (map) {
-      map.setOptions(options);
-    }
-  }, [map, options]);
-
-  React.useEffect(() => {
-    if (ref.current && !map) {
-      setMap(new window.google.maps.Map(ref.current, {}));
-    }
-  }, [ref, map]);
-
-  React.useEffect(() => {
-    if (map) {
-      ['click', 'idle'].forEach((eventName) => google.maps.event.clearListeners(map, eventName));
-
-      if (onClick) {
-        map.addListener('click', onClick);
-      }
-
-      if (onIdle) {
-        map.addListener('idle', () => onIdle(map));
-      }
-    }
-  }, [map, onClick, onIdle]);
-
-  return (
-    <>
-      <div ref={ref} style={style} />
-      {React.Children.map(children, (child) => {
-        if (React.isValidElement(child)) {
-          // set the map prop on the child component
-          // @ts-ignore
-          return React.cloneElement(child, { map });
-        }
-        return null;
-      })}
-    </>
-  );
-};
-
-export const GoogleMap = React.memo(_GoogleMap);

src/components/Modals/ConfigureModal/index.tsx

@@ -5,22 +5,17 @@ import {
   AlertIcon,
   AlertTitle,
   Box,
-  Button,
-  Flex,
   FormControl,
   FormErrorMessage,
   FormLabel,
   Textarea,
   useToast,
 } from '@chakra-ui/react';
-import { ClipboardText } from '@phosphor-icons/react';
 import { useTranslation } from 'react-i18next';
 import { SaveButton } from '../../Buttons/SaveButton';
 import { Modal } from '../Modal';
 import { FileInputButton } from 'components/Buttons/FileInputButton';
 import { useConfigureDevice } from 'hooks/Network/Commands';
-import { useGetDevice } from 'hooks/Network/Devices';
-import { AxiosError } from 'models/Axios';
 
 export type ConfigureModalProps = {
   serialNumber: string;
@@ -34,17 +29,11 @@ export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps
   const { t } = useTranslation();
   const toast = useToast();
   const configure = useConfigureDevice({ serialNumber });
-  const getDevice = useGetDevice({ serialNumber });
-
   const [newConfig, setNewConfig] = React.useState('');
 
   const onChange = React.useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {
     setNewConfig(e.target.value);
   }, []);
-
-  const onImportConfiguration = () => {
-    setNewConfig(getDevice.data?.configuration ? JSON.stringify(getDevice.data.configuration, null, 4) : '');
-  };
   const isValid = React.useMemo(() => {
     try {
       JSON.parse(newConfig);
@@ -71,7 +60,9 @@ export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps
           modalProps.onClose();
         },
       });
-    } catch (e) {}
+    } catch (e) {
+      // console.log(e);
+    }
   };
 
   return (
@@ -88,7 +79,10 @@ export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps
             <AlertIcon />
             <Box>
               <AlertTitle>{t('common.error')}</AlertTitle>
-              <AlertDescription>{(configure.error as AxiosError)?.response?.data?.ErrorDescription}</AlertDescription>
+              {
+                // @ts-ignore
+                <AlertDescription>{configure.error?.response?.data?.ErrorDescription}</AlertDescription>
+              }
             </Box>
           </Alert>
         )}
@@ -98,8 +92,7 @@ export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps
         </Alert>
         <FormControl isInvalid={!isValid && newConfig.length > 0}>
           <FormLabel>{t('configurations.one')}</FormLabel>
-          <Flex mb={2}>
-            <Box w="240px">
+          <Box mb={2} w="240px">
             <FileInputButton
               value={newConfig}
               setValue={(v) => setNewConfig(v)}
@@ -108,15 +101,6 @@ export const ConfigureModal = ({ serialNumber, modalProps }: ConfigureModalProps
               isStringFile
             />
           </Box>
-            <Button
-              rightIcon={<ClipboardText size={20} />}
-              onClick={onImportConfiguration}
-              hidden={!getDevice.data}
-              ml={2}
-            >
-              Current Configuration
-            </Button>
-          </Flex>
           <Textarea height="auto" minH="600px" value={newConfig} onChange={onChange} />
           <FormErrorMessage>{t('controller.configure.invalid')}</FormErrorMessage>
         </FormControl>

src/components/Modals/FirmwareUpgradeModal/FirmwareList.tsx

@@ -14,7 +14,7 @@ interface Props {
 const FirmwareList: React.FC<Props> = ({ firmware, upgrade, isLoading }) => {
   const { t } = useTranslation();
 
-  const sortedFirmware = useMemo(() => firmware.sort((a, b) => b.imageDate - a.imageDate), [firmware]);
+  const sortedFirmware = useMemo(() => firmware.sort((a, b) => b.created - a.created), [firmware]);
 
   return (
     <Box h="600px" w="100%" overflowY="auto" px={0}>
@@ -34,10 +34,10 @@ const FirmwareList: React.FC<Props> = ({ firmware, upgrade, isLoading }) => {
           </Tr>
         </Thead>
         <Tbody>
-          {sortedFirmware.map(({ imageDate, size, revision, uri }) => (
+          {sortedFirmware.map(({ created, size, revision, uri }) => (
             <Tr key={uuid()}>
               <Td px={0} py={1} w="200px">
-                {compactDate(imageDate)}
+                {compactDate(created)}
               </Td>
               <Td px={0} py={1} width="160px">
                 {bytesString(size)}

src/components/Modals/FirmwareUpgradeModal/index.tsx

@@ -11,7 +11,6 @@ import {
   FormLabel,
   Switch,
   Heading,
-  Text,
 } from '@chakra-ui/react';
 import { Formik, FormikProps } from 'formik';
 import { useTranslation } from 'react-i18next';
@@ -33,7 +32,6 @@ export type FirmwareUpgradeModalProps = {
 
 export const FirmwareUpgradeModal = ({ modalProps: { isOpen, onClose }, serialNumber }: FirmwareUpgradeModalProps) => {
   const { t } = useTranslation();
-  const [showDevFirmware, { toggle: toggleDev }] = useBoolean();
   const [formKey, setFormKey] = React.useState(uuid());
   const ref = useRef<
     | FormikProps<{
@@ -59,8 +57,7 @@ export const FirmwareUpgradeModal = ({ modalProps: { isOpen, onClose }, serialNu
     upgrade({
       keepRedirector: isRedirector,
       uri,
-      signature:
-        device?.restrictedDevice && !device?.restrictionDetails?.developer ? ref.current?.values?.signature : undefined,
+      signature: device?.restrictedDevice ? ref.current?.values?.signature : undefined,
     });
   };
 
@@ -74,13 +71,7 @@ export const FirmwareUpgradeModal = ({ modalProps: { isOpen, onClose }, serialNu
       <ModalContent maxWidth={{ sm: '90%', md: '900px', lg: '1000px', xl: '80%' }}>
         <ModalHeader
           title={`${t('commands.firmware_upgrade')} #${serialNumber}`}
-          right={
-            <>
-              <Text>{t('controller.firmware.show_dev_releases')}</Text>
-              <Switch mx={2} isChecked={showDevFirmware} onChange={toggleDev} size="lg" />
-              <CloseButton onClick={closeModal} />
-            </>
-          }
+          right={<CloseButton ml={2} onClick={closeModal} />}
         />
         <ModalBody>
           {isUpgrading || isFetchingDevice || isFetchingFirmware ? (
@@ -98,7 +89,7 @@ export const FirmwareUpgradeModal = ({ modalProps: { isOpen, onClose }, serialNu
                 </FormLabel>
                 <Switch isChecked={isRedirector} onChange={toggle} borderRadius="15px" size="lg" />
               </FormControl>
-              {device?.restrictedDevice && !device?.restrictionDetails?.developer && (
+              {device?.restrictedDevice && (
                 <Formik<{ signature?: string }>
                   innerRef={ref as Ref<FormikProps<{ signature?: string | undefined }>> | undefined}
                   key={formKey}
@@ -112,11 +103,7 @@ export const FirmwareUpgradeModal = ({ modalProps: { isOpen, onClose }, serialNu
                 </Formik>
               )}
               {firmware?.firmwares && (
-                <FirmwareList
-                  firmware={firmware.firmwares.filter((firmw) => showDevFirmware || !firmw.revision.includes('devel'))}
-                  upgrade={submit}
-                  isLoading={isUpgrading}
-                />
+                <FirmwareList firmware={firmware.firmwares} upgrade={submit} isLoading={isUpgrading} />
               )}
             </>
           )}

src/components/Modals/GenericModal/ModalHeader/index.tsx

@@ -1,26 +1,19 @@
 import React from 'react';
-import { HStack, ModalHeader as Header, Spacer, useColorModeValue } from '@chakra-ui/react';
+import { Flex, ModalHeader as Header, Spacer } from '@chakra-ui/react';
 
 export interface ModalHeaderProps {
   title: string;
-  left?: React.ReactNode;
   right: React.ReactNode;
 }
 
-const _ModalHeader: React.FC<ModalHeaderProps> = ({ title, left, right }) => {
-  const bg = useColorModeValue('blue.50', 'blue.700');
-
-  return (
-    <Header bg={bg}>
+const _ModalHeader: React.FC<ModalHeaderProps> = ({ title, right }) => (
+  <Header>
+    <Flex justifyContent="center" alignItems="center" maxW="100%" px={1}>
       {title}
-      {left ? (
-        <HStack spacing={2} ml={2}>
-          {left}
-        </HStack>
-      ) : null}
       <Spacer />
       {right}
+    </Flex>
   </Header>
 );
-};
+
 export const ModalHeader = React.memo(_ModalHeader);

src/components/Modals/Modal/index.tsx

@@ -8,7 +8,6 @@ export type ModalProps = {
   onClose: () => void;
   title: string;
   topRightButtons?: React.ReactNode;
-  tags?: React.ReactNode;
   options?: {
     modalSize?: 'sm' | 'md' | 'lg';
     maxWidth?: LayoutProps['maxWidth'];
@@ -16,7 +15,7 @@ export type ModalProps = {
   children: React.ReactElement;
 };
 
-const _Modal = ({ isOpen, onClose, title, topRightButtons, tags, options, children }: ModalProps) => {
+const _Modal = ({ isOpen, onClose, title, topRightButtons, options, children }: ModalProps) => {
   const maxWidth = React.useMemo(() => {
     if (options?.maxWidth) return options.maxWidth;
     if (options?.modalSize === 'sm') return undefined;
@@ -33,7 +32,6 @@ const _Modal = ({ isOpen, onClose, title, topRightButtons, tags, options, childr
       <ModalContent maxWidth={maxWidth}>
         <ModalHeader
           title={title}
-          left={tags}
           right={
             <HStack spacing={2}>
               {topRightButtons}

src/components/Modals/ScriptModal/Form.tsx

@@ -183,9 +183,7 @@ const CustomScriptForm = ({
             <>
               <Flex>
                 <Box>
-                  {device?.restrictedDevice && !device?.restrictionDetails?.developer && (
-                    <SignatureField name="signature" isDisabled={areFieldsDisabled} />
-                  )}
+                  {device?.restrictedDevice && <SignatureField name="signature" isDisabled={areFieldsDisabled} />}
                 </Box>
               </Flex>
               <SelectField

src/components/Modals/ScriptModal/ScripFile.tsx

@@ -11,7 +11,7 @@ import {
   Textarea,
   useBoolean,
 } from '@chakra-ui/react';
-import { UploadSimple } from '@phosphor-icons/react';
+import { UploadSimple } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import { useFastField } from 'hooks/useFastField';

src/components/Modals/ScriptModal/index.tsx

@@ -16,7 +16,7 @@ import {
 import { useQueryClient } from '@tanstack/react-query';
 import axios from 'axios';
 import { FormikProps } from 'formik';
-import { ArrowLeft } from '@phosphor-icons/react';
+import { ArrowLeft } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import ConfirmIgnoreCommand from '../ConfirmIgnoreCommand';
@@ -60,14 +60,8 @@ export const ScriptModal = ({ device, modalProps }: ScriptModalProps) => {
     let requestData: {
       [k: string]: unknown;
       serialNumber: string;
-      script?: string;
       timeout?: number | undefined;
     } = data;
-
-    if (requestData.script) {
-      requestData.script = btoa(requestData.script);
-    }
-
     if (selectedScript === 'diagnostics') {
       requestData = {
         serialNumber: device?.serialNumber ?? '',
@@ -82,7 +76,7 @@ export const ScriptModal = ({ device, modalProps }: ScriptModalProps) => {
         when: 0,
         deferred: data.deferred,
         timeout: data.timeout,
-        signature: device?.restrictedDevice && !device?.restrictionDetails?.developer ? data.signature : undefined,
+        signature: device?.restrictedDevice ? data.signature : undefined,
         uri: data.defaultUploadURI && data.defaultUploadURI?.length > 0 ? data.defaultUploadURI : undefined,
         scriptId: selectedScript,
         type: data.type,
@@ -94,19 +88,6 @@ export const ScriptModal = ({ device, modalProps }: ScriptModalProps) => {
         setValue(response.results?.status?.result ?? JSON.stringify(response.results ?? {}, null, 2));
         queryClient.invalidateQueries(['commands', device?.serialNumber ?? '']);
       },
-      onError: (e) => {
-        if (axios.isAxiosError(e) && e.response?.data?.ErrorDescription) {
-          toast({
-            id: 'script-update-error',
-            title: t('common.error'),
-            description: e.response?.data?.ErrorDescription,
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-        }
-      },
     });
     if (!waitForResponse) {
       toast({

src/components/Modals/TraceModal/index.tsx

@@ -12,7 +12,7 @@ import {
   Spinner,
   Switch,
 } from '@chakra-ui/react';
-import { ArrowLeft } from '@phosphor-icons/react';
+import { ArrowLeft } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { Modal } from '../Modal';
 import { useDownloadTrace, useTrace } from 'hooks/Network/Trace';

src/components/Modals/WifiScanModal/ResultCard.tsx

@@ -14,7 +14,7 @@ import {
   useColorMode,
 } from '@chakra-ui/react';
 import { JsonViewer } from '@textea/json-viewer';
-import { ArrowLeft } from '@phosphor-icons/react';
+import { ArrowLeft } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import { Card } from 'components/Containers/Card';

src/components/Modals/WifiScanModal/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { Modal, ModalOverlay, ModalContent, ModalBody, Center, Spinner } from '@chakra-ui/react';
-import { ArrowLeft, Download, Gauge } from '@phosphor-icons/react';
+import { ArrowLeft, Download, Gauge } from 'phosphor-react';
 import { CSVLink } from 'react-csv';
 import { useTranslation } from 'react-i18next';
 import ConfirmIgnoreCommand from '../ConfirmIgnoreCommand';
@@ -57,7 +57,7 @@ export const WifiScanModal = ({ modalProps: { isOpen, onClose }, serialNumber }:
     if (isOpen) resetData();
   }, [isOpen]);
   return (
-    <Modal onClose={closeModal} isOpen={isOpen} size="xl" scrollBehavior="inside">
+    (<Modal onClose={closeModal} isOpen={isOpen} size="xl" scrollBehavior="inside">
       <ModalOverlay />
       <ModalContent maxWidth={{ sm: '600px', md: '700px', lg: '800px', xl: '50%' }}>
         <ModalHeader
@@ -66,7 +66,7 @@ export const WifiScanModal = ({ modalProps: { isOpen, onClose }, serialNumber }:
             <>
               {csvData ? (
                 // @ts-ignore
-                <CSVLink
+                (<CSVLink
                   filename={`wifi_scan_${serialNumber}_${dateForFilename(new Date().getTime() / 1000)}.csv`}
                   data={csvData as object[]}
                 >
@@ -77,7 +77,7 @@ export const WifiScanModal = ({ modalProps: { isOpen, onClose }, serialNumber }:
                     label={t('common.download')}
                     onClick={() => {}}
                   />
-                </CSVLink>
+                </CSVLink>)
               ) : (
                 <ResponsiveButton
                   color="gray"
@@ -118,6 +118,6 @@ export const WifiScanModal = ({ modalProps: { isOpen, onClose }, serialNumber }:
         confirm={closeCancelAndForm}
         cancel={closeConfirm}
       />
-    </Modal>
+    </Modal>)
   );
 };

src/components/TableCells/DataCell/index.tsx

@@ -1,16 +1,14 @@
 import React, { useMemo } from 'react';
-import { Box, BoxProps } from '@chakra-ui/react';
 import { bytesString } from 'helpers/stringHelper';
 
-type Props = { bytes?: number; showZerosAs?: string; boxProps?: BoxProps };
-const DataCell = ({ bytes, showZerosAs, boxProps }: Props) => {
+const DataCell: React.FC<{ bytes?: number }> = ({ bytes }) => {
   const data = useMemo(() => {
     if (bytes === undefined) return '-';
-    if (showZerosAs && bytes === 0) return showZerosAs;
+
     return bytesString(bytes);
   }, [bytes]);
 
-  return <Box {...boxProps}>{data}</Box>;
+  return <div>{data}</div>;
 };
 
 export default React.memo(DataCell);

src/components/TableCells/DurationCell/index.tsx

@@ -1,17 +0,0 @@
-import React, { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { secondsDuration } from 'helpers/dateFormatting';
-
-const DurationCell: React.FC<{ seconds?: number }> = ({ seconds }) => {
-  const { t } = useTranslation();
-
-  const data = useMemo(() => {
-    if (seconds === undefined) return '-';
-
-    return secondsDuration(seconds, t);
-  }, [seconds]);
-
-  return <div>{data}</div>;
-};
-
-export default React.memo(DurationCell);

src/components/TableCells/NumberCell/index.tsx

@@ -1,20 +1,13 @@
-import React from 'react';
-import { Box, BoxProps } from '@chakra-ui/react';
+import React, { useMemo } from 'react';
 
-type Props = {
-  value?: number;
-  boxProps?: BoxProps;
-  showZerosAs?: string;
-};
-
-const NumberCell = ({ value, boxProps, showZerosAs }: Props) => {
-  const getData = () => {
+const NumberCell = ({ value }: { value?: number }) => {
+  const data = useMemo(() => {
     if (value === undefined) return '-';
-    if (value === 0 && showZerosAs) return showZerosAs;
-    return value.toLocaleString();
-  };
 
-  return <Box {...boxProps}>{getData()}</Box>;
+    return value.toLocaleString();
+  }, [value]);
+
+  return <div>{data}</div>;
 };
 
 export default React.memo(NumberCell);

src/contexts/AuthProvider/index.tsx

@@ -89,7 +89,7 @@ export const AuthProvider = ({ token, children }: AuthProviderProps) => {
     return null;
   };
 
-  const setPref = async ({ preference, value }: { preference: string; value: string }) => {
+  const setPref = ({ preference, value }: { preference: string; value: string }) => {
     let updated = false;
     if (preferences) {
       const newPreferences: Preference[] = preferences.map((pref: Preference) => {
@@ -102,41 +102,15 @@ export const AuthProvider = ({ token, children }: AuthProviderProps) => {
 
       if (!updated) newPreferences.push({ tag: preference, value });
 
-      await updatePreferences.mutateAsync(newPreferences);
+      updatePreferences.mutateAsync(newPreferences);
     }
   };
 
-  const setPrefs = async (preferencesToUpdate: Preference[]) => {
+  const deletePref = (preference: string) => {
     if (preferences) {
-      const updatedPreferences: string[] = [];
-      const newPreferences = preferences.map((pref: Preference) => {
-        const preferenceToUpdate = preferencesToUpdate.find(
-          (prefToUpdate: Preference) => prefToUpdate.tag === pref.tag,
-        );
-        if (preferenceToUpdate) {
-          updatedPreferences.push(pref.tag);
-          return { tag: pref.tag, value: preferenceToUpdate.value };
-        }
-        return pref;
-      });
+      const newPreferences: Preference[] = preferences.filter((pref: Preference) => pref.tag !== preference);
 
-      for (const preferenceToUpdate of preferencesToUpdate) {
-        if (!updatedPreferences.includes(preferenceToUpdate.tag)) {
-          newPreferences.push(preferenceToUpdate);
-        }
-      }
-
-      await updatePreferences.mutateAsync(newPreferences);
-    }
-  };
-
-  const deletePref = async (preference: string | string[]) => {
-    if (preferences) {
-      const newPreferences: Preference[] = preferences.filter((pref: Preference) =>
-        typeof preference === 'string' ? pref.tag !== preference : !preference.includes(pref.tag),
-      );
-
-      await updatePreferences.mutateAsync(newPreferences);
+      updatePreferences.mutateAsync(newPreferences);
     }
   };
 
@@ -172,7 +146,6 @@ export const AuthProvider = ({ token, children }: AuthProviderProps) => {
       ref,
       getPref,
       setPref,
-      setPrefs,
       deletePref,
       endpoints,
       configurationDescriptions,

src/contexts/AuthProvider/utils.ts

@@ -1,7 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { axiosProv } from 'constants/axiosInstances';
-import { Preference } from 'models/Preference';
 import { User } from 'models/User';
 
 const getConfigDescriptions = async (baseUrl: string) =>
@@ -27,8 +26,7 @@ export interface AuthProviderReturn {
   logout: () => void;
   getPref: (preference: string) => string | null;
   setPref: ({ preference, value }: { preference: string; value: string }) => void;
-  setPrefs: (preferencesToUpdate: Preference[]) => void;
-  deletePref: (preference: string | string[]) => void;
+  deletePref: (preference: string) => void;
   ref: React.MutableRefObject<undefined>;
   endpoints: { [key: string]: string } | null;
   configurationDescriptions: Record<string, unknown>;

src/contexts/ControllerSocketProvider/useStore.ts

@@ -3,7 +3,6 @@ import { v4 as uuid } from 'uuid';
 import create from 'zustand';
 import { ControllerSocketRawMessage, SocketEventCallback, SocketWebSocketNotificationData } from './utils';
 import { axiosGw } from 'constants/axiosInstances';
-import { randomIntId } from 'helpers/stringHelper';
 import { DevicesStats, DeviceWithStatus } from 'hooks/Network/Devices';
 import { NotificationType } from 'models/Socket';
 
@@ -123,7 +122,6 @@ export type ControllerStoreState = {
   lastSearchResults: string[];
   setLastSearchResults: (result: string[]) => void;
   errors: { str: string; timestamp: Date }[];
-  searchSerialNumber: (serialNumber: string, timeout?: number) => Promise<string[]>;
 };
 
 export const useControllerStore = create<ControllerStoreState>((set, get) => ({
@@ -151,8 +149,6 @@ export const useControllerStore = create<ControllerStoreState>((set, get) => ({
               connectedDevices: msg.statistics.numberOfDevices,
               connectingDevices: msg.statistics.numberOfConnectingDevices,
               averageConnectionTime: msg.statistics.averageConnectedTime,
-              tx: msg.statistics.tx,
-              rx: msg.statistics.rx,
             },
             queryClient,
           );
@@ -171,24 +167,14 @@ export const useControllerStore = create<ControllerStoreState>((set, get) => ({
           id: uuid(),
         };
 
-        const eventsToFire = get().eventListeners.filter((event) => {
-          if (event.type === 'DEVICE_CONNECTION' || event.type === 'DEVICE_DISCONNECTION') {
-            return event.serialNumber === msg.serialNumber;
-          }
-          if (msg.type === 'DEVICE_SEARCH_RESULTS' && event.type === 'DEVICE_SEARCH_RESULTS') {
-            return true;
-          }
-          return false;
-        });
+        const eventsToFire = get().eventListeners.filter(
+          ({ type, serialNumber }) => type === msg.type && serialNumber === msg.serialNumber,
+        );
 
         if (eventsToFire.length > 0) {
           for (const event of eventsToFire) {
-            if (event.type === 'DEVICE_SEARCH_RESULTS' && msg.type === 'DEVICE_SEARCH_RESULTS') {
-              event.callback(msg.serialNumbers);
-            } else if (event.type === 'DEVICE_CONNECTION' || event.type === 'DEVICE_DISCONNECTION') {
             event.callback();
           }
-          }
 
           return set((state) => ({
             allMessages:
@@ -223,37 +209,6 @@ export const useControllerStore = create<ControllerStoreState>((set, get) => ({
     const ws = get().webSocket;
     if (ws) ws.send(str);
   },
-  searchSerialNumber: async (serialNumber: string, timeout = 1000 * 5): Promise<string[]> =>
-    new Promise((resolve, reject) => {
-      const timer = setTimeout(() => {
-        reject(new Error(`Promise timed out after ${timeout} ms`));
-      }, timeout);
-      const ws = get().webSocket;
-      if (ws) {
-        const id = randomIntId();
-        get().addEventListeners([
-          {
-            id: uuid(),
-            type: 'DEVICE_SEARCH_RESULTS',
-            searchId: id,
-            callback: (serialNumbers: string[]) => {
-              clearTimeout(timer);
-              resolve(serialNumbers);
-            },
-          },
-        ]);
-        ws.send(
-          JSON.stringify({
-            command: 'serial_number_search',
-            serial_prefix: serialNumber,
-            id: randomIntId(),
-          }),
-        );
-      } else {
-        clearTimeout(timer);
-        reject(new Error('No websocket connection'));
-      }
-    }),
   startWebSocket: (token: string, tries = 0) => {
     const newTries = tries + 1;
     if (tries <= 10) {

src/contexts/ControllerSocketProvider/utils.ts

@@ -52,8 +52,6 @@ type ConnectionStatisticsMessage = {
       numberOfDevices: number;
       numberOfConnectingDevices: number;
       averageConnectedTime: number;
-      tx: number;
-      rx: number;
     };
   };
   serialNumbers?: undefined;
@@ -87,8 +85,6 @@ export type SocketWebSocketNotificationData =
         numberOfDevices: number;
         numberOfConnectingDevices: number;
         averageConnectedTime: number;
-        rx: number;
-        tx: number;
       };
       serialNumber?: undefined;
       log?: undefined;
@@ -116,16 +112,9 @@ export type SocketWebSocketNotificationData =
       log?: undefined;
       message: InitialSocketMessage;
     };
-export type SocketEventCallback =
-  | {
+export type SocketEventCallback = {
   id: string;
   type: 'DEVICE_CONNECTION' | 'DEVICE_DISCONNECTION';
   serialNumber: string;
   callback: () => void;
-    }
-  | {
-      id: string;
-      type: 'DEVICE_SEARCH_RESULTS';
-      searchId: number;
-      callback: (serialNumbers: string[]) => void;
 };

src/contexts/ProvisioningSocketProvider/hooks/NotificationContent/useWebSocketNotification.tsx

@@ -20,7 +20,7 @@ import {
   Tooltip,
 } from '@chakra-ui/react';
 import { TOptions } from 'i18next';
-import { X } from '@phosphor-icons/react';
+import { X } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import { ProvisioningVenueNotificationMessage } from '../../utils';

src/helpers/dateFormatting.ts

@@ -122,44 +122,7 @@ export const getHoursAgo = (hoursAgo = 1, date = new Date()) => {
 export const dateForFilename = (dateString: number) => {
   const convertedTimestamp = unixToDateString(dateString);
   const date = new Date(convertedTimestamp);
-  return `${date.getFullYear()}.${twoDigitNumber(date.getMonth() + 1)}.${twoDigitNumber(
+  return `${date.getFullYear()}_${twoDigitNumber(date.getMonth() + 1)}_${twoDigitNumber(
     date.getDate(),
-  )}-${twoDigitNumber(date.getHours())}.${twoDigitNumber(date.getMinutes())}.${twoDigitNumber(date.getSeconds())}`;
-};
-
-export const formatDaysAgoCompact = (d1: number, d2: number = new Date().getTime()) => {
-  try {
-    const convertedTimestamp = unixToDateString(d1);
-    const date = new Date(convertedTimestamp).getTime();
-    const elapsed = date - d2;
-
-    for (const key of Object.keys(UNITS)) {
-      if (
-        Math.abs(elapsed) > UNITS[key as 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second'] ||
-        key === 'second'
-      ) {
-        const result = RTF.format(
-          Math.round(elapsed / UNITS[key as 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second']),
-          key as Intl.RelativeTimeFormatUnit,
-        );
-        return result
-          .replace(' years', 'y')
-          .replace(' year', 'y')
-          .replace(' months', 'm')
-          .replace(' month', 'm')
-          .replace(' days', 'd')
-          .replace(' day', 'd')
-          .replace(' hours', 'h')
-          .replace(' hour', 'h')
-          .replace(' minutes', 'm')
-          .replace(' minute', 'm')
-          .replace(' seconds', 's')
-          .replace(' second', 's');
-      }
-    }
-
-    return compactDate(date);
-  } catch {
-    return '-';
-  }
+  )}_${twoDigitNumber(date.getHours())}h${twoDigitNumber(date.getMinutes())}m${twoDigitNumber(date.getSeconds())}s`;
 };

src/hooks/Network/Commands.ts

@@ -110,18 +110,6 @@ export const useDeleteCommand = () => {
   });
 };
 
-export const useGetSingleCommandHistory = ({ serialNumber, commandId }: { serialNumber: string; commandId: string }) =>
-  useQuery(
-    ['commands', serialNumber, commandId],
-    () =>
-      axiosGw
-        .get(`command/${commandId}?serialNumber=${serialNumber}`)
-        .then((response) => response.data as DeviceCommandHistory),
-    {
-      enabled: serialNumber !== undefined && serialNumber !== '' && commandId !== undefined && commandId !== '',
-    },
-  );
-
 export type EventQueueResponse = {
   UUID: string;
   attachFile: number;
@@ -257,7 +245,6 @@ export const useDeviceScript = ({ serialNumber }: { serialNumber: string }) => {
       queryClient.invalidateQueries(['commands', serialNumber]);
     },
     onError: (e) => {
-      queryClient.invalidateQueries(['commands', serialNumber]);
       if (axios.isAxiosError(e)) {
         toast({
           id: 'script-error',
@@ -276,44 +263,14 @@ export const useDeviceScript = ({ serialNumber }: { serialNumber: string }) => {
 const downloadScript = (serialNumber: string, commandId: string) =>
   axiosGw.get(`file/${commandId}?serialNumber=${serialNumber}`, { responseType: 'arraybuffer' });
 
-export const useDownloadScriptResult = ({ serialNumber, commandId }: { serialNumber: string; commandId: string }) => {
-  const { t } = useTranslation();
-  const toast = useToast();
-
-  return useQuery(['download-script', serialNumber, commandId], () => downloadScript(serialNumber, commandId), {
+export const useDownloadScriptResult = ({ serialNumber, commandId }: { serialNumber: string; commandId: string }) =>
+  useQuery(['download-script', serialNumber, commandId], () => downloadScript(serialNumber, commandId), {
     enabled: false,
     onSuccess: (response) => {
       const blob = new Blob([response.data], { type: 'application/octet-stream' });
       const link = document.createElement('a');
       link.href = window.URL.createObjectURL(blob);
-      const headerLine =
-        (response.headers['content-disposition'] as string | undefined) ??
-        (response.headers['content-disposition'] as string | undefined);
-      const filename = headerLine?.split('filename=')[1]?.split(',')[0] ?? `Script_${commandId}.tar.gz`;
-      link.download = filename;
+      link.download = `Script_${commandId}.tar.gz`;
       link.click();
     },
-    onError: (e) => {
-      if (axios.isAxiosError(e)) {
-        const bufferResponse = e.response?.data;
-        let errorMessage = '';
-        // If the response is a buffer, parse to JSON object
-        if (bufferResponse instanceof ArrayBuffer) {
-          const decoder = new TextDecoder('utf-8');
-          const json = JSON.parse(decoder.decode(bufferResponse));
-          errorMessage = json.ErrorDescription;
-        }
-
-        toast({
-          id: `script-download-error-${serialNumber}`,
-          title: t('common.error'),
-          description: errorMessage,
-          status: 'error',
-          duration: 5000,
-          isClosable: true,
-          position: 'top-right',
   });
-      }
-    },
-  });
-};

src/hooks/Network/DefaultFirmware.ts

@@ -1,103 +0,0 @@
-import { QueryFunctionContext, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import axios from 'axios';
-import { axiosGw } from 'constants/axiosInstances';
-import { AtLeast } from 'models/General';
-
-export type DefaultFirmware = {
-  deviceType: string;
-  description: string;
-  uri: string;
-  revision: string;
-  imageCreationDate: number;
-  created: number;
-  lastModified: number;
-};
-
-export type DefaultFirmwareResponse = {
-  firmwares: DefaultFirmware[];
-};
-
-const getDefaultFirmware = async () =>
-  axiosGw.get('default_firmwares').then((response) => response.data as DefaultFirmwareResponse);
-
-export const useGetDefaultFirmware = () =>
-  useQuery(['default_firmwares', 'all'], getDefaultFirmware, {
-    staleTime: 1000 * 60,
-  });
-
-const getDefaultFirmwareByDeviceType = async (context: QueryFunctionContext<[string, string]>) =>
-  axiosGw.get(`default_firmware/${context.queryKey[1]}`).then((response) => response.data as DefaultFirmware);
-
-export const useGetDefaultFirmwareByDeviceType = (deviceType: string) =>
-  useQuery(['default_firmwares', deviceType], getDefaultFirmwareByDeviceType);
-
-export const createDefaultFirmware = async (defaultFirmware: DefaultFirmware) =>
-  axiosGw
-    .post(`default_firmware/${defaultFirmware.deviceType}`, defaultFirmware)
-    .then((response) => response.data as DefaultFirmware);
-
-export const useCreateDefaultFirmware = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation(createDefaultFirmware, {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['default_firmwares']);
-    },
-  });
-};
-
-const deleteDefaultFirmware = async (deviceType: string) =>
-  axiosGw.delete(`default_firmware/${deviceType}`).then((response) => response.data as DefaultFirmware);
-
-export const useDeleteDefaultFirmware = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation(deleteDefaultFirmware, {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['default_firmwares']);
-    },
-  });
-};
-
-const deleteBatchDefaultFirmware = async (deviceTypes: string[]) => {
-  const promises = deviceTypes.map((deviceType) =>
-    axiosGw
-      .delete(`default_firmware/${deviceType}`)
-      .then(() => ({
-        deviceType,
-        success: true,
-      }))
-      .catch((e) => ({
-        deviceType,
-        error: axios.isAxiosError(e) ? e.response?.data.ErrorDescription : e,
-      })),
-  );
-  const res = await Promise.allSettled(promises);
-
-  return res;
-};
-
-export const useDeleteBatchDefaultFirmware = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation(deleteBatchDefaultFirmware, {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['default_firmwares']);
-    },
-  });
-};
-
-export const updateDefaultFirmware = async (defaultFirmware: AtLeast<DefaultFirmware, 'deviceType'>) =>
-  axiosGw
-    .put(`default_firmware/${defaultFirmware.deviceType}`, defaultFirmware)
-    .then((response) => response.data as DefaultFirmware);
-
-export const useUpdateDefaultFirmware = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation(updateDefaultFirmware, {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['default_firmwares']);
-    },
-  });
-};

src/hooks/Network/DeviceLogs.ts

@@ -11,10 +11,8 @@ export type DeviceLog = {
   severity: number;
 };
 
-const getDeviceLogs = (limit: number, serialNumber?: string, logType?: 0 | 1 | 2) => async () =>
-  axiosGw
-    .get(`device/${serialNumber}/logs?newest=true&limit=${limit}&logType=${logType}`)
-    .then((response) => response.data) as Promise<{
+const getDeviceLogs = (limit: number, serialNumber?: string) => async () =>
+  axiosGw.get(`device/${serialNumber}/logs?newest=true&limit=${limit}`).then((response) => response.data) as Promise<{
     values: DeviceLog[];
     serialNumber: string;
   }>;
@@ -23,29 +21,20 @@ export const useGetDeviceLogs = ({
   serialNumber,
   limit,
   onError,
-  logType,
 }: {
   serialNumber?: string;
   limit: number;
   onError?: (e: AxiosError) => void;
-  logType?: 0 | 1 | 2;
 }) =>
-  useQuery(['devicelogs', serialNumber, { limit, logType }], getDeviceLogs(limit, serialNumber, logType ?? 0), {
+  useQuery(['devicelogs', serialNumber, { limit }], getDeviceLogs(limit, serialNumber), {
     keepPreviousData: true,
     enabled: serialNumber !== undefined && serialNumber !== '',
     staleTime: 30000,
     onError,
   });
 
-const deleteLogs = async ({
-  serialNumber,
-  endDate,
-  logType,
-}: {
-  serialNumber: string;
-  endDate: number;
-  logType: 0 | 1 | 2;
-}) => axiosGw.delete(`device/${serialNumber}/logs?endDate=${endDate}&logType=${logType}`);
+const deleteLogs = async ({ serialNumber, endDate }: { serialNumber: string; endDate: number }) =>
+  axiosGw.delete(`device/${serialNumber}/logs?endDate=${endDate}`);
 export const useDeleteLogs = () => {
   const queryClient = useQueryClient();
 
@@ -56,25 +45,15 @@ export const useDeleteLogs = () => {
   });
 };
 
-const getLogsBatch = (
-  serialNumber?: string,
-  start?: number,
-  end?: number,
-  limit?: number,
-  offset?: number,
-  logType?: 0 | 1 | 2,
-) =>
+const getLogsBatch = (serialNumber?: string, start?: number, end?: number, limit?: number, offset?: number) =>
   axiosGw
-    .get(
-      `device/${serialNumber}/logs?startDate=${start}&endDate=${end}&limit=${limit}&offset=${offset}&logType=${logType}`,
-    )
+    .get(`device/${serialNumber}/logs?startDate=${start}&endDate=${end}&limit=${limit}&offset=${offset}`)
     .then((response) => response.data) as Promise<{
     values: DeviceLog[];
     serialNumber: string;
   }>;
 
-const getDeviceLogsWithTimestamps =
-  (serialNumber?: string, start?: number, end?: number, logType?: 0 | 1 | 2) => async () => {
+const getDeviceLogsWithTimestamps = (serialNumber?: string, start?: number, end?: number) => async () => {
   let offset = 0;
   const limit = 100;
   let logs: DeviceLog[] = [];
@@ -84,7 +63,7 @@ const getDeviceLogsWithTimestamps =
   };
   do {
     // eslint-disable-next-line no-await-in-loop
-      latestResponse = await getLogsBatch(serialNumber, start, end, limit, offset, logType);
+    latestResponse = await getLogsBatch(serialNumber, start, end, limit, offset);
     logs = logs.concat(latestResponse.values);
     offset += limit;
   } while (latestResponse.values.length === limit);
@@ -98,20 +77,14 @@ export const useGetDeviceLogsWithTimestamps = ({
   start,
   end,
   onError,
-  logType,
 }: {
   serialNumber?: string;
   start?: number;
   end?: number;
   onError?: (e: AxiosError) => void;
-  logType?: 0 | 1 | 2;
 }) =>
-  useQuery(
-    ['devicelogs', serialNumber, { start, end, logType }],
-    getDeviceLogsWithTimestamps(serialNumber, start, end, logType ?? 0),
-    {
+  useQuery(['devicelogs', serialNumber, { start, end }], getDeviceLogsWithTimestamps(serialNumber, start, end), {
     enabled: serialNumber !== undefined && serialNumber !== '' && start !== undefined && end !== undefined,
     staleTime: 1000 * 60,
     onError,
-    },
-  );
+  });

src/hooks/Network/Devices.ts

@@ -44,7 +44,6 @@ export type DeviceWithStatus = {
   associations_6G: number;
   compatible: string;
   connected: boolean;
-  connectReason?: string;
   certificateExpiryDate?: number;
   createdTimestamp: number;
   devicePassword: string;
@@ -52,49 +51,28 @@ export type DeviceWithStatus = {
   entity: string;
   firmware: string;
   fwUpdatePolicy: string;
-  hasGPS: boolean;
-  hasRADIUSSessions: number | boolean;
   ipAddress: string;
   lastConfigurationChange: number;
   lastConfigurationDownload: number;
   lastContact: number | string;
   lastFWUpdate: number;
-  lastRecordedContact: number;
-  load: number;
   locale: string;
   location: string;
   macAddress: string;
   manufacturer: string;
-  memoryUsed: number;
   messageCount: number;
   modified: number;
   notes: Note[];
   owner: string;
-  sanity: number;
-  started: number;
   restrictedDevice: boolean;
   rxBytes: number;
   serialNumber: string;
-  simulated: boolean;
   subscriber: string;
-  temperature: number;
   txBytes: number;
   venue: string;
   verifiedCertificate: string;
 };
 
-export const getSingleDeviceWithStatus = (serialNumber: string) =>
-  axiosGw
-    .get(`devices?deviceWithStatus=true&select=${serialNumber}`)
-    .then((response) => {
-      const deviceWithStatus: DeviceWithStatus | undefined = response.data.devicesWithStatus[0];
-      if (deviceWithStatus === undefined) {
-        return undefined;
-      }
-      return deviceWithStatus;
-    })
-    .catch(() => undefined);
-
 const getDevices = (limit: number, offset: number) =>
   axiosGw
     .get(`devices?deviceWithStatus=true&limit=${limit}&offset=${offset}`)
@@ -149,7 +127,6 @@ export type DeviceStatus = {
   associations_2G: number;
   associations_5G: number;
   connected: boolean;
-  connectReason?: string;
   certificateExpiryDate: number;
   connectionCompletionTime: number;
   firmware: string;
@@ -188,10 +165,7 @@ export type DevicesStats = {
   averageConnectionTime: number;
   connectedDevices: number;
   connectingDevices: number;
-  tx: number;
-  rx: number;
 };
-
 const getInitialStats = async () =>
   axiosGw.get(`devices?connectionStatistics=true`).then(({ data }: { data: DevicesStats }) => data);
 export const useGetDevicesStats = ({ onError }: { onError?: (e: AxiosError) => void }) => {

src/hooks/Network/Firmware.ts

@@ -7,32 +7,17 @@ import { AxiosError } from 'models/Axios';
 import { Firmware } from 'models/Firmware';
 import { Note } from 'models/Note';
 
-const getAvailableFirmwareBatch = async (deviceType: string, limit: number, offset: number) =>
-  axiosFms
-    .get(`firmwares?deviceType=${deviceType}&limit=${limit}&offset=${offset}`)
-    .then(({ data }: { data: { firmwares: Firmware[] } }) => data);
-
-export const getAllAvailableFirmware = async (deviceType: string) => {
-  const limit = 500;
-  let offset = 0;
-  let data: { firmwares: Firmware[] } = { firmwares: [] };
-  let lastResponse: { firmwares: Firmware[] } = { firmwares: [] };
-  do {
-    // eslint-disable-next-line no-await-in-loop
-    lastResponse = await getAvailableFirmwareBatch(deviceType, limit, offset);
-    data = {
-      firmwares: [...data.firmwares, ...lastResponse.firmwares],
-    };
-    offset += 500;
-  } while (lastResponse.firmwares.length === 500);
-  return data;
-};
-
 export const useGetAvailableFirmware = ({ deviceType }: { deviceType: string }) => {
   const { t } = useTranslation();
   const toast = useToast();
 
-  return useQuery(['get-device-profile'], () => getAllAvailableFirmware(deviceType), {
+  return useQuery(
+    ['get-device-profile'],
+    () =>
+      axiosFms
+        .get(`firmwares?deviceType=${deviceType}&limit=10000&offset=0`)
+        .then(({ data }: { data: { firmwares: Firmware[] } }) => data),
+    {
       enabled: deviceType !== '',
       onError: (e: AxiosError) => {
         if (!toast.isActive('firmware-fetching-error'))
@@ -49,7 +34,8 @@ export const useGetAvailableFirmware = ({ deviceType }: { deviceType: string })
             position: 'top-right',
           });
       },
-  });
+    },
+  );
 };
 
 export const useUpdateDeviceToLatest = ({ serialNumber, compatible }: { serialNumber: string; compatible: string }) =>
@@ -70,13 +56,7 @@ export const useUpdateDeviceFirmware = ({ serialNumber, onClose }: { serialNumbe
 
   return useMutation(
     ({ keepRedirector, uri, signature }: { keepRedirector: boolean; uri: string; signature?: string }) =>
-      axiosGw.post(`device/${serialNumber}/upgrade${signature ? `?FWsignature=${signature}` : ''}`, {
-        serialNumber,
-        when: 0,
-        keepRedirector,
-        uri,
-        signature,
-      }),
+      axiosGw.post(`device/${serialNumber}/upgrade`, { serialNumber, when: 0, keepRedirector, uri, signature }),
     {
       onSuccess: () => {
         toast({
@@ -242,23 +222,3 @@ export const useGetFirmwareDashboard = () =>
     keepPreviousData: true,
     refetchInterval: 30000,
   });
-
-const getLastDbUpdate = async () =>
-  axiosFms.get(`firmwares?updateTimeOnly=true`).then((response) => response.data as { lastUpdateTime: number });
-export const useGetFirmwareDbUpdate = () =>
-  useQuery(['firmware', 'db'], getLastDbUpdate, {
-    keepPreviousData: true,
-    staleTime: 30 * 1000,
-  });
-
-const updateDb = async () => axiosFms.put(`firmwares?update=true`);
-
-export const useUpdateFirmwareDb = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation(updateDb, {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['firmware', 'db']);
-    },
-  });
-};

src/hooks/Network/HealthChecks.ts

@@ -1,4 +1,4 @@
-import { QueryFunctionContext, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { axiosGw } from 'constants/axiosInstances';
 import { AxiosError } from 'models/Axios';
 
@@ -89,18 +89,3 @@ export const useDeleteHealthChecks = () => {
     },
   });
 };
-
-const getDevicesWithHealthBetween = (
-  context: QueryFunctionContext<[string, string, { lowerLimit: number; upperLimit: number }]>,
-) =>
-  axiosGw
-    .get(`devices?health=true&lowLimit=${context.queryKey[2].lowerLimit}&highLimit=${context.queryKey[2].upperLimit}`)
-    .then((res) => res.data.serialNumbers as string[]);
-
-export const useGetDevicesWithHealthBetween = ({
-  lowerLimit,
-  upperLimit,
-}: {
-  lowerLimit: number;
-  upperLimit: number;
-}) => useQuery(['devices', 'health', { lowerLimit, upperLimit }], getDevicesWithHealthBetween);

src/hooks/Network/Inventory.ts

@@ -55,5 +55,4 @@ export const useGetTag = ({ serialNumber, onError }: { serialNumber?: string; on
   useQuery(['tag', serialNumber], () => getTag(serialNumber), {
     enabled: serialNumber !== undefined && serialNumber !== '',
     onError,
-    staleTime: 1000 * 60 * 5,
   });

src/hooks/Network/Radius.ts

@@ -1,67 +0,0 @@
-import { QueryFunctionContext, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { axiosGw } from 'constants/axiosInstances';
-
-export type RadiusSession = {
-  started: number;
-  lastTransaction: number;
-  inputPackets: number;
-  outputPackets: number;
-  inputOctets: number;
-  outputOctets: number;
-  inputGigaWords: number;
-  outputGigaWords: number;
-  sessionTime: number;
-  serialNumber: string;
-  destination: string;
-  userName: string;
-  accountingSessionId: string;
-  accountingMultiSessionId: string;
-  callingStationId: string;
-};
-
-export const getDeviceRadiusSessions = async (mac: string) =>
-  axiosGw.get(`/radiusSessions/${mac}`).then((res) => res.data.sessions as RadiusSession[]);
-const getDeviceSessions = async (context: QueryFunctionContext<[string, string]>) =>
-  getDeviceRadiusSessions(context.queryKey[1]);
-export const useGetDeviceRadiusSessions = ({ serialNumber }: { serialNumber: string }) =>
-  useQuery(['radius-sessions', serialNumber], getDeviceSessions, {
-    keepPreviousData: true,
-    staleTime: 1000 * 60,
-  });
-
-export const getUsernameRadiusSessions = async (username: string) =>
-  axiosGw.get(`/radiusSessions/0?userName=${username}`).then((res) => res.data.sessions as RadiusSession[]);
-const getUserSessions = async (context: QueryFunctionContext<[string, string, string]>) =>
-  getUsernameRadiusSessions(context.queryKey[2]);
-export const useGetUserRadiusSessions = ({ userName }: { userName: string }) =>
-  useQuery(['radius-sessions', 'username', userName], getUserSessions, {
-    staleTime: 1000 * 60,
-  });
-
-export const getStationRadiusSessions = async (station: string) =>
-  axiosGw.get(`/radiusSessions/0?mac=${station}`).then((res) => res.data.sessions as RadiusSession[]);
-const getStationSessions = async (context: QueryFunctionContext<[string, string, string]>) =>
-  getStationRadiusSessions(context.queryKey[2]);
-export const useGetStationRadiusSessions = ({ station }: { station: string }) =>
-  useQuery(['radius-sessions', 'station', station], getStationSessions, {
-    staleTime: 1000 * 60,
-  });
-
-const disconnectRadiusSession = async (session: RadiusSession) =>
-  axiosGw
-    .put(`radiusSessions/${session.serialNumber}?operation=coadm`, {
-      accountingSessionId: session.accountingSessionId,
-      accountingMultiSessionId: session.accountingMultiSessionId,
-      callingStationId: session.callingStationId,
-    })
-    .then(() => session);
-
-export const useDisconnectRadiusSession = () => {
-  const queryClient = useQueryClient();
-
-  return useMutation(disconnectRadiusSession, {
-    onSuccess: (session) => {
-      queryClient.invalidateQueries(['radius-sessions', session.serialNumber]);
-    },
-  });
-};

src/hooks/Network/Secrets.ts

@@ -1,83 +0,0 @@
-import { QueryFunctionContext, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { axiosSec } from 'constants/axiosInstances';
-
-export type SecretName = 'google.maps.apikey' | string;
-
-export type Secret = {
-  key: SecretName;
-  value: string;
-};
-
-export type SecretDictionaryValue = {
-  key: SecretName;
-  description: string;
-};
-
-const getSecret = async (context: QueryFunctionContext<string[], unknown>) =>
-  axiosSec.get(`/systemSecret/${context.queryKey[1]}`).then(({ data }: { data: Secret }) => data);
-
-export const useGetSystemSecret = ({ secret }: { secret: SecretName }) =>
-  useQuery(['secrets', secret], getSecret, {
-    staleTime: 1000 * 60 * 10,
-    refetchInterval: 1000 * 60 * 10,
-  });
-
-const getAllSecrets = async () =>
-  axiosSec.get('/systemSecret/0?all=true').then(({ data }: { data: { secrets: Secret[] } }) => data.secrets);
-
-export const useGetAllSystemSecrets = () => {
-  const queryClient = useQueryClient();
-
-  return useQuery(['secrets'], getAllSecrets, {
-    staleTime: 1000 * 60 * 10,
-    refetchInterval: 1000 * 60 * 10,
-    onSuccess: (data) => {
-      for (const secret of data) {
-        queryClient.setQueryData(['secrets', secret.key], secret);
-      }
-    },
-  });
-};
-
-const getSecretsDictionary = async () =>
-  axiosSec
-    .get('/systemSecret/0?dictionary=true')
-    .then(({ data }: { data: { knownKeys: SecretDictionaryValue[] } }) => data.knownKeys);
-
-export const useGetSystemSecretsDictionary = () =>
-  useQuery(['secrets', 'dictionary'], getSecretsDictionary, {
-    staleTime: 1000 * 60 * 10,
-    refetchInterval: 1000 * 60 * 10,
-  });
-
-const updateSecret = async ({ key, value }: { key: string; value: string }) =>
-  axiosSec.put(`/systemSecret/${key}?value=${value}`, { key, value });
-
-export const useUpdateSystemSecret = () => {
-  const queryClient = useQueryClient();
-  return useMutation(updateSecret, {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['secrets']);
-    },
-  });
-};
-
-export const useCreateSystemSecret = () => {
-  const queryClient = useQueryClient();
-  return useMutation(updateSecret, {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['secrets']);
-    },
-  });
-};
-
-const deleteSecret = async (key: string) => axiosSec.delete(`/systemSecret/${key}`);
-
-export const useDeleteSystemSecret = () => {
-  const queryClient = useQueryClient();
-  return useMutation(deleteSecret, {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['secrets']);
-    },
-  });
-};

src/hooks/Network/Statistics.ts

@@ -1,4 +1,4 @@
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { axiosGw } from 'constants/axiosInstances';
 import { AxiosError } from 'models/Axios';
 
@@ -21,25 +21,12 @@ type DeviceInterfaceStatistics = {
     tx_errors: number;
     tx_packets: number;
   };
-  'counters-aggregate'?: {
-    collisions: number;
-    multicast: number;
-    rx_bytes: number;
-    rx_dropped: number;
-    rx_errors: number;
-    rx_packets: number;
-    tx_bytes: number;
-    tx_dropped: number;
-    tx_errors: number;
-    tx_packets: number;
-  };
   ssids?: {
     associations?: {
       ack_signal: number;
       ack_signal_avg: number;
       bssid: string;
       connected: number;
-      dynamic_vlan?: number;
       inactive: number;
       ipaddr_v4: string;
       rssi: number;
@@ -118,13 +105,6 @@ export type DeviceStatistics = {
     transmit_ms: number;
     tx_power: number;
   }[];
-  dynamic_vlans?: {
-    vid: number;
-    rx_bytes: number;
-    rx_packets: number;
-    tx_bytes: number;
-    tx_packets: number;
-  }[];
   unit?: {
     load: [number, number, number];
     localtime: number;
@@ -168,11 +148,6 @@ export type DeviceStatistics = {
       };
     };
   };
-  gps?: {
-    elevation: string;
-    latitude: string;
-    longitude: string;
-  };
   version?: number;
 };
 const getLastStats = (serialNumber?: string) =>
@@ -188,7 +163,7 @@ export const useGetDeviceLastStats = ({
   onError?: (e: AxiosError) => void;
 }) =>
   useQuery(['device', serialNumber, 'last-statistics'], () => getLastStats(serialNumber), {
-    enabled: serialNumber !== undefined && serialNumber !== '',
+    enabled: serialNumber !== undefined && serialNumber !== '' && false,
     staleTime: 1000 * 60,
     onError,
   });
@@ -208,12 +183,24 @@ export const useGetDeviceNewestStats = ({
   serialNumber?: string;
   limit: number;
   onError?: (e: AxiosError) => void;
-}) =>
-  useQuery(['deviceStatistics', serialNumber, 'newest', { limit }], getNewestStats(limit, serialNumber), {
+}) => {
+  const queryClient = useQueryClient();
+
+  return useQuery(['deviceStatistics', serialNumber, 'newest', { limit }], getNewestStats(limit, serialNumber), {
     enabled: serialNumber !== undefined && serialNumber !== '',
     staleTime: 1000 * 60,
+    onSuccess: (response) => {
+      const entry = response.data[0];
+      // If we have a valid entry, we prefill lastStats, if not we trigger a fetch of the last statistics
+      if (entry) {
+        queryClient.setQueryData(['device', serialNumber, 'last-statistics'], entry.data);
+      } else {
+        queryClient.fetchQuery(['device', serialNumber, 'last-statistics']);
+      }
+    },
     onError,
   });
+};
 
 const getOuis = (macs?: string[]) => async () =>
   axiosGw.get(`/ouis?macList=${macs?.join(',')}`).then((response) => response.data) as Promise<{

src/hooks/Network/System.ts

@@ -199,36 +199,3 @@ export const useUpdateSystemLogLevels = ({ endpoint, token }: { endpoint: string
     },
   });
 };
-
-export type SystemResources = {
-  currRealMem: number;
-  currVirtMem: number;
-  numberOfFileDescriptors: number;
-  peakRealMem: number;
-  peakVirtMem: number;
-};
-
-export const useGetSystemResources = ({
-  endpoint,
-  token,
-  onSuccess,
-}: {
-  endpoint: string;
-  token: string;
-  onSuccess?: (data: SystemResources) => void;
-}) =>
-  useQuery(
-    ['systemResources', endpoint],
-    () =>
-      axiosInstance
-        .get(`${endpoint}/api/v1/system?command=resources`, {
-          headers: {
-            Authorization: `Bearer ${token}`,
-          },
-        })
-        .then(({ data }: { data: SystemResources }) => data),
-    {
-      refetchInterval: 5 * 1000,
-      onSuccess,
-    },
-  );

src/hooks/Network/Trace.ts

@@ -1,6 +1,5 @@
 import { useToast } from '@chakra-ui/react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import axios from 'axios';
 import { useTranslation } from 'react-i18next';
 import { axiosGw } from 'constants/axiosInstances';
 
@@ -86,44 +85,14 @@ export const useTrace = ({ serialNumber, alertOnCompletion }: { serialNumber: st
 export const downloadTrace = (serialNumber: string, commandId: string) =>
   axiosGw.get(`file/${commandId}?serialNumber=${serialNumber}`, { responseType: 'arraybuffer' });
 
-export const useDownloadTrace = ({ serialNumber, commandId }: { serialNumber: string; commandId: string }) => {
-  const { t } = useTranslation();
-  const toast = useToast();
-
-  return useQuery(['download-trace', serialNumber, commandId], () => downloadTrace(serialNumber, commandId), {
+export const useDownloadTrace = ({ serialNumber, commandId }: { serialNumber: string; commandId: string }) =>
+  useQuery(['download-trace', serialNumber, commandId], () => downloadTrace(serialNumber, commandId), {
     enabled: false,
     onSuccess: (response) => {
       const blob = new Blob([response.data], { type: 'application/octet-stream' });
       const link = document.createElement('a');
       link.href = window.URL.createObjectURL(blob);
-      const headerLine =
-        (response.headers['content-disposition'] as string | undefined) ??
-        (response.headers['content-disposition'] as string | undefined);
-      const filename = headerLine?.split('filename=')[1]?.split(',')[0] ?? `Trace_${commandId}.pcap`;
-      link.download = filename;
+      link.download = `Trace_${commandId}.pcap`;
       link.click();
     },
-    onError: (e) => {
-      if (axios.isAxiosError(e)) {
-        const bufferResponse = e.response?.data;
-        let errorMessage = '';
-        // If the response is a buffer, parse to JSON object
-        if (bufferResponse instanceof ArrayBuffer) {
-          const decoder = new TextDecoder('utf-8');
-          const json = JSON.parse(decoder.decode(bufferResponse));
-          errorMessage = json.ErrorDescription;
-        }
-
-        toast({
-          id: `trace-download-error-${serialNumber}`,
-          title: t('common.error'),
-          description: errorMessage,
-          status: 'error',
-          duration: 5000,
-          isClosable: true,
-          position: 'top-right',
   });
-      }
-    },
-  });
-};

src/hooks/Network/Users.ts

@@ -1,5 +1,5 @@
 import { useToast } from '@chakra-ui/react';
-import { QueryClient, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
 import { axiosSec } from 'constants/axiosInstances';
 import { AxiosError } from 'models/Axios';
@@ -58,23 +58,11 @@ export type User = {
   waitingForEmailCheck: boolean;
 };
 
-const getAvatarPromises = (userList: User[], queryClient: QueryClient) => {
+const getAvatarPromises = (userList: User[]) => {
   const promises = userList.map(async (user) => {
     if (user.avatar !== '' && user.avatar !== '0') {
-      // If the avatar is already in the cache, return it
-      const cachedAvatar = queryClient.getQueryData(['avatar', user.id, user.avatar]);
-      if (cachedAvatar) return cachedAvatar;
-
-      return axiosSec
-        .get(`avatar/${user.id}?cache=${user.avatar}`, {
+      return axiosSec.get(`avatar/${user.id}?cache=${user.avatar}`, {
         responseType: 'arraybuffer',
-        })
-        .then((response) => {
-          queryClient.setQueryData(['avatar', user.id, user.avatar], response);
-          return response;
-        })
-        .catch((e) => {
-          throw e;
       });
     }
     return Promise.resolve('');
@@ -83,35 +71,10 @@ const getAvatarPromises = (userList: User[], queryClient: QueryClient) => {
   return promises;
 };
 
-const getBatchUsers = async (offset: number, limit: number) => {
-  const users = await axiosSec
-    .get(`users?offset=${offset}&limit=${limit}&withExtendedInfo=true`)
-    .then(({ data }) => data.users as User[]);
+const getUsers = async () => {
+  const users = await axiosSec.get('users').then(({ data }) => data.users as User[]);
 
-  return users;
-};
-
-const getAllUsers = async () => {
-  let users: User[] = [];
-  let offset = 0;
-  const limit = 500;
-  let lastResponseLength = 0;
-
-  do {
-    // eslint-disable-next-line no-await-in-loop
-    const response = await getBatchUsers(offset, limit);
-    users = [...users, ...response];
-    offset += limit;
-    lastResponseLength = response.length;
-  } while (lastResponseLength === limit);
-
-  return users;
-};
-
-const getUsers = async (queryClient: QueryClient) => {
-  const users = await getAllUsers();
-
-  const avatars = await Promise.allSettled(getAvatarPromises(users, queryClient)).then((results) =>
+  const avatars = await Promise.allSettled(getAvatarPromises(users)).then((results) =>
     results.map((response) => {
       if (response.status === 'fulfilled' && response?.value !== '') {
         const base64 = btoa(
@@ -130,10 +93,8 @@ const getUsers = async (queryClient: QueryClient) => {
 export const useGetUsers = () => {
   const { t } = useTranslation();
   const toast = useToast();
-  const queryClient = useQueryClient();
 
-  return useQuery(['users'], () => getUsers(queryClient), {
-    staleTime: 30 * 1000,
+  return useQuery(['users'], getUsers, {
     onError: (e: AxiosError) => {
       if (!toast.isActive('users-fetching-error'))
         toast({
@@ -157,7 +118,7 @@ export const useGetUser = ({ id, enabled }: { id: string; enabled: boolean }) =>
   const toast = useToast();
 
   return useQuery(
-    ['users', id],
+    ['get-user', id],
     () => axiosSec.get(`user/${id}?withExtendedInfo=true`).then(({ data }) => data as User),
     {
       enabled,
@@ -212,41 +173,16 @@ export const useSendUserEmailValidation = ({ id, refresh }: { id: string; refres
     },
   });
 };
-export const useSuspendUser = ({ id }: { id: string }) => {
-  const queryClient = useQueryClient();
-
-  return useMutation(
-    (isSuspended: boolean) =>
+export const useSuspendUser = ({ id }: { id: string }) =>
+  useMutation((isSuspended: boolean) =>
     axiosSec.put(`user/${id}`, {
       suspended: isSuspended,
     }),
-    {
-      onSuccess: () => {
-        queryClient.invalidateQueries(['users']);
-      },
-    },
   );
-};
+export const useResetMfa = ({ id }: { id: string }) => useMutation(() => axiosSec.put(`user/${id}?resetMFA=true`, {}));
 
-export const useResetMfa = ({ id }: { id: string }) => {
-  const queryClient = useQueryClient();
-
-  return useMutation(() => axiosSec.put(`user/${id}?resetMFA=true`, {}), {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['users']);
-    },
-  });
-};
-
-export const useResetPassword = ({ id }: { id: string }) => {
-  const queryClient = useQueryClient();
-
-  return useMutation(() => axiosSec.put(`user/${id}?forgotPassword=true`, {}), {
-    onSuccess: () => {
-      queryClient.invalidateQueries(['users']);
-    },
-  });
-};
+export const useResetPassword = ({ id }: { id: string }) =>
+  useMutation(() => axiosSec.put(`user/${id}?forgotPassword=true`, {}));
 
 const deleteUser = async (userId: string) => axiosSec.delete(`/user/${userId}`);
 export const useDeleteUser = () => {

src/hooks/useContainerDimensions.ts

@@ -1,54 +0,0 @@
-import * as React from 'react';
-
-const roundToNearest = (num: number, precision: number) => {
-  const factor = 1 / precision;
-  return Math.round(num * factor) / factor;
-};
-
-export type UseContainerDimensionsProps = {
-  precision?: 10 | 100 | 1000;
-};
-
-export const useContainerDimensions = ({ precision }: UseContainerDimensionsProps) => {
-  const ref = React.useRef<HTMLDivElement>(null);
-  const [dimensions, setDimensions] = React.useState({ width: 0, height: 0 });
-
-  React.useEffect(() => {
-    const getDimensions = () => ({
-      width: (ref && ref.current?.offsetWidth) || 0,
-      height: (ref && ref.current?.offsetHeight) || 0,
-    });
-
-    const handleResize = () => {
-      const { width, height } = getDimensions();
-      if (!precision) {
-        if (dimensions.width !== width && dimensions.height !== height) setDimensions({ width, height });
-      } else {
-        const newDimensions = { width, height };
-        newDimensions.width = roundToNearest(newDimensions.width, precision);
-        newDimensions.height = roundToNearest(newDimensions.height, precision);
-        if (newDimensions.width !== dimensions.width || newDimensions.height !== dimensions.height) {
-          setDimensions(newDimensions);
-        }
-      }
-    };
-
-    if (ref.current) {
-      handleResize();
-    }
-
-    window.addEventListener('resize', handleResize);
-
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [ref, dimensions]);
-
-  return React.useMemo(
-    () => ({
-      dimensions,
-      ref,
-    }),
-    [dimensions.height, dimensions.width],
-  );
-};

src/i18next.d.ts

@@ -1,7 +0,0 @@
-import 'i18next';
-
-declare module 'i18next' {
-  interface CustomTypeOptions {
-    returnNull: false;
-  }
-}

src/layout/Devices.tsx

@@ -1,20 +1,7 @@
 import * as React from 'react';
-import {
-  Box,
-  CircularProgress,
-  CircularProgressLabel,
-  Flex,
-  Heading,
-  Icon,
-  Text,
-  Tooltip,
-  VStack,
-} from '@chakra-ui/react';
-import { ArrowSquareDown, ArrowSquareUp, Clock } from '@phosphor-icons/react';
+import { Flex, Heading, Tooltip, VStack } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
-import { Card } from 'components/Containers/Card';
 import { compactSecondsToDetailed, minimalSecondsToDetailed } from 'helpers/dateFormatting';
-import { bytesString } from 'helpers/stringHelper';
 import { useGetDevicesStats } from 'hooks/Network/Devices';
 
 const SidebarDevices = () => {
@@ -23,19 +10,18 @@ const SidebarDevices = () => {
   const [lastTime, setLastTime] = React.useState<Date | undefined>();
   const [lastUpdate, setLastUpdate] = React.useState<Date | undefined>();
 
-  const time = React.useMemo(() => {
+  const getTime = () => {
     if (lastTime === undefined || lastUpdate === undefined) return null;
 
     const seconds = lastTime.getTime() - lastUpdate.getTime();
 
     return Math.max(0, Math.floor(seconds / 1000));
-  }, [lastTime, lastUpdate]);
+  };
 
-  const circleColor = () => {
-    if (time === null) return 'gray.300';
-    if (time < 10) return 'green.300';
-    if (time < 30) return 'yellow.300';
-    return 'red.300';
+  const refresh = () => {
+    if (document.visibilityState !== 'hidden') {
+      getStats.refetch();
+    }
   };
 
   React.useEffect(() => {
@@ -51,60 +37,37 @@ const SidebarDevices = () => {
     };
   }, []);
 
+  React.useEffect(() => {
+    document.addEventListener('visibilitychange', refresh);
+
+    return () => {
+      document.removeEventListener('visibilitychange', refresh);
+    };
+  }, []);
+
   if (!getStats.data) return null;
 
   return (
-    <Card p={4}>
-      <Tooltip hasArrow label={t('controller.stats.seconds_ago', { s: time })}>
-        <CircularProgress
-          isIndeterminate
-          color={circleColor()}
-          position="absolute"
-          right="6px"
-          top="6px"
-          w="unset"
-          size={6}
-          thickness="14px"
-        >
-          <CircularProgressLabel fontSize="1.9em">{time}s</CircularProgressLabel>
-        </CircularProgress>
-      </Tooltip>
-      <Tooltip hasArrow label={t('controller.stats.seconds_ago', { s: time })}>
-        <Box position="absolute" right="8px" top="8px" w="unset" hidden>
-          <Clock size={16} />
-        </Box>
-      </Tooltip>
-      <VStack mb={-1}>
+    <VStack spacing={4}>
       <Flex flexDir="column" textAlign="center">
         <Heading size="md">{getStats.data.connectedDevices}</Heading>
-          <Heading size="xs" display="flex" justifyContent="center">
-            <Text>
-              {t('common.connected')} {t('devices.title')}{' '}
-            </Text>{' '}
+        <Heading size="xs">
+          {t('common.connected')} {t('devices.title')}
+        </Heading>
+        <Heading size="xs" mt={1} fontStyle="italic" fontWeight="normal" color="gray.400">
+          ({getStats.data.connectingDevices} {t('controller.devices.connecting')})
         </Heading>
         <Tooltip hasArrow label={compactSecondsToDetailed(getStats.data.averageConnectionTime, t)}>
-            <Heading size="md" textAlign="center" mt={1}>
+          <Heading size="md" textAlign="center" mt={2}>
             {minimalSecondsToDetailed(getStats.data.averageConnectionTime, t)}
           </Heading>
         </Tooltip>
         <Heading size="xs">{t('controller.devices.average_uptime')}</Heading>
-          <Flex fontSize="sm" fontWeight="bold" alignItems="center" justifyContent="center" mt={1}>
-            <Tooltip hasArrow label="Rx">
-              <Flex alignItems="center" mr={1}>
-                <Icon as={ArrowSquareUp} weight="bold" boxSize={5} mt="1px" color="blue.400" />{' '}
-                {getStats.data.rx !== undefined ? bytesString(getStats.data.rx, 0) : '-'}
-              </Flex>
-            </Tooltip>
-            <Tooltip hasArrow label="Tx">
-              <Flex alignItems="center">
-                <Icon as={ArrowSquareDown} weight="bold" boxSize={5} mt="1px" color="purple.400" />{' '}
-                {getStats.data.tx !== undefined ? bytesString(getStats.data.tx, 0) : '-'}
-              </Flex>
-            </Tooltip>
-          </Flex>
+        <Heading size="xs" mt={2} fontStyle="italic" fontWeight="normal" color="gray.400">
+          {t('controller.stats.seconds_ago', { s: getTime() })}
+        </Heading>
       </Flex>
     </VStack>
-    </Card>
   );
 };