[WIFI-12335] Display gateway tx/rx values

Signed-off-by: Charles <charles.bourque96@gmail.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "ucentral-client",
-  "version": "2.9.0(12)",
+  "version": "2.9.0(13)",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ucentral-client",
-      "version": "2.9.0(12)",
+      "version": "2.9.0(13)",
       "license": "ISC",
       "dependencies": {
         "@chakra-ui/icons": "^2.0.11",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ucentral-client",
-  "version": "2.9.0(12)",
+  "version": "2.9.0(13)",
   "description": "",
   "private": true,
   "main": "index.tsx",

public/locales/de/translation.json

@@ -1132,7 +1132,7 @@
 		"title": "Veranstaltungsorte",
 		"update_all_devices": "Alle Gerätekonfigurationen aktualisieren",
 		"update_success": "Veranstaltungsort aktualisiert!",
-		"upgrade_all_devices": "Aktualisieren Sie alle Geräte auf die neueste Firmware",
+		"upgrade_all_devices": "Aktualisieren Sie die Firmware aller Geräte",
 		"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",

public/locales/en/translation.json

@@ -1132,7 +1132,7 @@
 		"title": "Venues",
 		"update_all_devices": "Update All Device Configurations",
 		"update_success": "Venue updated!",
-		"upgrade_all_devices": "Upgrade All Devices to Latest Firmware",
+		"upgrade_all_devices": "Upgrade All Devices 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",

public/locales/es/translation.json

@@ -1132,7 +1132,7 @@
 		"title": "Sedes",
 		"update_all_devices": "Actualizar todas las configuraciones de dispositivos",
 		"update_success": "Lugar actualizado!",
-		"upgrade_all_devices": "Actualice todos los dispositivos al firmware más reciente",
+		"upgrade_all_devices": "Actualizar el firmware de todos los dispositivos",
 		"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",

public/locales/fr/translation.json

@@ -1132,7 +1132,7 @@
 		"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 tous les appareils vers le dernier micrologiciel",
+		"upgrade_all_devices": "Mettre à niveau le micrologiciel de tous les appareils",
 		"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",

public/locales/pt/translation.json

@@ -1132,7 +1132,7 @@
 		"title": "Locais",
 		"update_all_devices": "Atualizar todas as configurações do dispositivo",
 		"update_success": "Local atualizado!",
-		"upgrade_all_devices": "Atualize todos os dispositivos para o firmware mais recente",
+		"upgrade_all_devices": "Atualize o firmware de todos os dispositivos",
 		"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",

src/contexts/ControllerSocketProvider/useStore.ts

@@ -149,6 +149,8 @@ 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,
           );

src/contexts/ControllerSocketProvider/utils.ts

@@ -52,6 +52,8 @@ type ConnectionStatisticsMessage = {
       numberOfDevices: number;
       numberOfConnectingDevices: number;
       averageConnectedTime: number;
+      tx: number;
+      rx: number;
     };
   };
   serialNumbers?: undefined;
@@ -85,6 +87,8 @@ export type SocketWebSocketNotificationData =
         numberOfDevices: number;
         numberOfConnectingDevices: number;
         averageConnectedTime: number;
+        rx: number;
+        tx: number;
       };
       serialNumber?: undefined;
       log?: undefined;

src/hooks/Network/Devices.ts

@@ -165,7 +165,10 @@ 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/layout/Devices.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Flex, Heading, Tooltip, VStack } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { compactSecondsToDetailed, minimalSecondsToDetailed } from 'helpers/dateFormatting';
+import { bytesString } from 'helpers/stringHelper';
 import { useGetDevicesStats } from 'hooks/Network/Devices';
 
 const SidebarDevices = () => {
@@ -48,7 +49,7 @@ const SidebarDevices = () => {
   if (!getStats.data) return null;
 
   return (
-    <VStack spacing={4}>
+    <VStack mb={-1}>
       <Flex flexDir="column" textAlign="center">
         <Heading size="md">{getStats.data.connectedDevices}</Heading>
         <Heading size="xs">
@@ -57,6 +58,16 @@ const SidebarDevices = () => {
         <Heading size="xs" mt={1} fontStyle="italic" fontWeight="normal" color="gray.400">
           ({getStats.data.connectingDevices} {t('controller.devices.connecting')})
         </Heading>
+        <Heading
+          size="xs"
+          mt={1}
+          fontStyle="italic"
+          fontWeight="normal"
+          color="gray.400"
+          hidden={getStats.data.rx === undefined || getStats.data.tx === undefined}
+        >
+          Rx: {bytesString(getStats.data.rx)}, Tx: {bytesString(getStats.data.tx)}
+        </Heading>
         <Tooltip hasArrow label={compactSecondsToDetailed(getStats.data.averageConnectionTime, t)}>
           <Heading size="md" textAlign="center" mt={2}>
             {minimalSecondsToDetailed(getStats.data.averageConnectionTime, t)}