Web UI: fix NPE on connectors

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>

diff --git a/src/ui/web/src/components/charging-stations/CSData.vue b/src/ui/web/src/components/charging-stations/CSData.vue
index 3de9a7d6ebe4d0d41ac43e031aedcbd8d83aee98..ea8fd1da86569ad5870dabce006ec0c7dfbf49eb 100644 (file)
--- a/src/ui/web/src/components/charging-stations/CSData.vue
+++ b/src/ui/web/src/components/charging-stations/CSData.vue
@@ -46,7 +46,7 @@ function getHashId(): string {
   return props.chargingStation.hashId;
 }
 function getConnectors(): ConnectorStatus[] {
-  return props.chargingStation.connectors.slice(1);
+  return props.chargingStation.connectors?.slice(1);
 }
 function getInfo(): ChargingStationInfo {
   return props.chargingStation.stationInfo;

diff --git a/src/ui/web/src/components/charging-stations/CSTable.vue b/src/ui/web/src/components/charging-stations/CSTable.vue
index c76d9e4d1eda6d9fc190eee8cd00f47c4fa42bd0..04f38aa16901733c69522f1c4cae30f1b1a307c5 100644 (file)
--- a/src/ui/web/src/components/charging-stations/CSTable.vue
+++ b/src/ui/web/src/components/charging-stations/CSTable.vue
@@ -50,8 +50,9 @@ const props = defineProps<{
 
 #cs-table__head,
 #cs-table__body {
+  height: fit-content;
   width: 100%;
-  min-width: 930px;
+  min-width: 100%;
   display: block;
 }
 

diff --git a/src/ui/web/src/views/ChargingStationsView.vue b/src/ui/web/src/views/ChargingStationsView.vue
index 42e698e57933376c553cc98adb8f2d5f904ff6e1..5476ac4b678a2a057c9cea5716ddd354cb578002 100644 (file)
--- a/src/ui/web/src/views/ChargingStationsView.vue
+++ b/src/ui/web/src/views/ChargingStationsView.vue
@@ -77,7 +77,7 @@ function stopSimulator(): void {
 
 #reload-button {
   flex: auto;
-  padding: 6px 14px;
+  padding: 5px 15px;
   background-color: rgb(25, 118, 210);
   border-radius: 5px;
   color: white;