feat: AlarmIcon nur bei GisStationsStatusDistrict Attribute Alarm :1

components/icons/material-symbols/AlarmIcon.js

@@ -1,7 +1,7 @@
 const AlarmIcon = ({ className = "h-8 w-8" }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    fill="none"
+    fill="red"
     viewBox="0 0 24 24"
     strokeWidth="1.5"
     stroke="rgb(0, 174, 239)"
@@ -10,7 +10,7 @@ const AlarmIcon = ({ className = "h-8 w-8" }) => (
     <path
       strokeLinecap="round"
       strokeLinejoin="round"
-      d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"
+      d="M6 6.9L3.87 4.78l1.41-1.41L7.4 5.5zM13 1v3h-2V1zm7.13 3.78L18 6.9l-1.4-1.4l2.12-2.13zM4.5 10.5v2h-3v-2zm15 0h3v2h-3zM6 20h12a2 2 0 0 1 2 2H4a2 2 0 0 1 2-2m6-15a6 6 0 0 1 6 6v8H6v-8a6 6 0 0 1 6-6"
     />
   </svg>
 );

components/mainComponent/MapComponent.js

@@ -139,6 +139,13 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   const { data: gisLinesStatusData, status: statusGisLinesStatus } = useSelector(
     selectGisLinesStatusFromWebservice
   );
+
+  // Alarm Status aus GisStationsStatusDistrict
+  const gisStationsStatusDistrict = useSelector(state => state.gisStationsStatusDistrict.data);
+  // Unterstützt sowohl Array-Shape (Statis[]) als auch Objekt mit Statis-Array
+  const hasActiveAlarm = Array.isArray(gisStationsStatusDistrict)
+    ? gisStationsStatusDistrict.some(item => item?.Alarm === 1)
+    : gisStationsStatusDistrict?.Statis?.some(item => item?.Alarm === 1) || false;
   const poiIconsData = useSelector(selectPoiIconsData);
   const poiIconsStatus = useSelector(selectPoiIconsStatus);
   const poiTypData = useSelector(selectPoiTypData);
@@ -1137,15 +1144,17 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
       <div id="map" ref={mapRef} className="z-0" style={{ height: "100vh", width: "100vw" }}></div>
       {/* Top-right controls: layers, info, expand, edit, and base map stack */}
       <div className="absolute top-3 right-3 z-50 pointer-events-auto flex items-center gap-2">
-        {/* Alarm-Icon (mdi) */}
-        <button
-          onClick={() => {}}
-          aria-label="Alarm"
-          className="rounded-full bg-white/90 hover:bg-white shadow p-1"
-          title="Alarm"
-        >
-          <AlarmIcon className="h-8 w-8" />
-        </button>
+        {/* Alarm-Icon - nur anzeigen wenn Alarm aktiv */}
+        {hasActiveAlarm && (
+          <button
+            onClick={() => {}}
+            aria-label="Alarm aktiv"
+            className="rounded-full bg-white/90 hover:bg-white shadow p-1"
+            title="Alarm aktiv"
+          >
+            <AlarmIcon className="h-8 w-8 animate-pulse text-red-500" />
+          </button>
+        )}
         {/* Marker-Icon (line-md) */}
         <button
           onClick={() => {}}