X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;ds=sidebyside;f=src%2Fui%2Fweb%2Fsrc%2Fviews%2FChargingStationsView.vue;h=25ea51d9bc02549c1526725e9f5e92b9fde96e5e;hb=5e3cb7281de2b6fa8b61a453f964c2f213fefa80;hp=42e698e57933376c553cc98adb8f2d5f904ff6e1;hpb=60c59a02878ddd2ddbac38ec3b3d38f706e538e9;p=e-mobility-charging-stations-simulator.git

diff --git a/src/ui/web/src/views/ChargingStationsView.vue b/src/ui/web/src/views/ChargingStationsView.vue
index 42e698e5..25ea51d9 100644
--- a/src/ui/web/src/views/ChargingStationsView.vue
+++ b/src/ui/web/src/views/ChargingStationsView.vue
@@ -33,21 +33,22 @@ onMounted(() => {
 
 type State = {
   isLoading: boolean;
-  chargingStations: Record<string, ChargingStationData>;
+  chargingStations: ChargingStationData[];
   idTag: string;
 };
 
 const state: State = reactive({
   isLoading: false,
-  chargingStations: {},
+  chargingStations: [],
   idTag: '',
 });
 
 async function load(): Promise<void> {
   if (state.isLoading === true) return;
   state.isLoading = true;
-  const chargingStationsList = await UIClientInstance.listChargingStations();
-  state.chargingStations = chargingStationsList as unknown as Record<string, ChargingStationData>;
+  const listChargingStationsPayload = await UIClientInstance.listChargingStations();
+  state.chargingStations =
+    listChargingStationsPayload.chargingStations as unknown as ChargingStationData[];
   state.isLoading = false;
 }
 
@@ -77,7 +78,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;