From 4a586cccc3d63cbd883fc495faeed2ee40fa6c7b Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 17 Apr 2024 08:05:39 +0200
Subject: [PATCH] =?UTF-8?q?Station-Marker-Popup-Meldung-Status=20einf?=
 =?UTF-8?q?=C3=A4rben=20mit=20der=20Wert=20in=20Co=20Attribute?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/MapComponent.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/MapComponent.js b/components/MapComponent.js
index 1fa4321c7..ff9cfe2b3 100644
--- a/components/MapComponent.js
+++ b/components/MapComponent.js
@@ -701,7 +701,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
 
         // Alle gefundenen Me-Werte zu einem String hinzufügen
         matchingStatuses.forEach((status) => {
-          additionalInfo += `<br>${status.Me} (${status.Na}) `;
+          additionalInfo += `<br>${status.Me} ( <span style="color: ${status.Co};">${status.Na}</span>) `;
         });
 
         const marker = L.marker([station.X, station.Y], {
@@ -724,7 +724,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
 
         marker
           .bindPopup(
-            `<b>${station.LD_Name}</b><br>${station.Device}<br>${station.Area_Short} ${station.Area_Name}<br>${station.Location_Short} ${station.Location_Name}${additionalInfo}<br><br>`
+            `<b>${station.LD_Name}</b><br>${station.Device}<br>${station.Area_Short} (${station.Area_Name})<br>${station.Location_Short} (${station.Location_Name}) <br>${additionalInfo}<br><br>`
           )
           .openPopup();
       });