From d72c4fdf8619b140c7e9f9837b14afd1633e1b34 Mon Sep 17 00:00:00 2001
From: Janis Hutz <info@janishutz.com>
Date: Sat, 26 Apr 2025 13:03:38 +0200
Subject: [PATCH] [AGS] Potential fix for network crash

---
 .../modules/Networking/Network.tsx            | 55 +++++++++++--------
 1 file changed, 31 insertions(+), 24 deletions(-)

diff --git a/config/astal/components/QuickActions/modules/Networking/Network.tsx b/config/astal/components/QuickActions/modules/Networking/Network.tsx
index fe16d05..06256e9 100644
--- a/config/astal/components/QuickActions/modules/Networking/Network.tsx
+++ b/config/astal/components/QuickActions/modules/Networking/Network.tsx
@@ -29,29 +29,36 @@ const Network = () => {
                             )}
                             cssClasses={["title-2"]}
                         ></label>
-                        <label
-                            label={bind(net.wired, "state").as(state => {
-                                if (state === STATE.ACTIVATED) {
-                                    return (
-                                        "Wired. IP: " + networkHelper.getIP()
-                                    );
-                                } else if (state === STATE.DISCONNECTED) {
-                                    return "Disconnected";
-                                } else if (state === STATE.FAILED) {
-                                    return "Error";
-                                } else if (
-                                    state === STATE.PREPARE ||
-                                    state === STATE.CONFIG ||
-                                    state === STATE.IP_CHECK ||
-                                    state === STATE.IP_CONFIG
-                                ) {
-                                    return "Connecting...";
+                        <box child=
+                            {bind(net, 'wired').as(v => {
+                                if (v) {
+                                    return <label
+                                        label={bind(net.wired, "state").as(state => {
+                                            if (state === STATE.ACTIVATED) {
+                                                return (
+                                                    "Wired. IP: " + networkHelper.getIP()
+                                                );
+                                            } else if (state === STATE.DISCONNECTED) {
+                                                return "Disconnected";
+                                            } else if (state === STATE.FAILED) {
+                                                return "Error";
+                                            } else if (
+                                                state === STATE.PREPARE ||
+                                                state === STATE.CONFIG ||
+                                                state === STATE.IP_CHECK ||
+                                                state === STATE.IP_CONFIG
+                                            ) {
+                                                return "Connecting...";
+                                            } else {
+                                                return "Unavailable";
+                                            }
+                                        })}
+                                        visible={bind(net.wifi, "enabled").as(v => !v)}
+                                    ></label>
                                 } else {
-                                    return "Unavailable";
+                                    return <label label={"State unavailable"}></label>
                                 }
-                            })}
-                            visible={bind(net.wifi, "enabled").as(v => !v)}
-                        ></label>
+                            })}></box>
                         <label
                             label={bind(net.wifi, "state").as(state => {
                                 if (state === STATE.ACTIVATED) {
@@ -75,7 +82,7 @@ const Network = () => {
                         ></label>
                     </box>
                 }
-            ></button>
+            ></button >
             <button
                 cssClasses={["actions-button"]}
                 visible={networkHelper.networkEnabled()}
@@ -83,12 +90,12 @@ const Network = () => {
                 child={
                     <box>
                         <image iconName={"arrow-right-symbolic"}></image>
-                        { netMenu }
+                        {netMenu}
                     </box>
                 }
                 tooltipText={"View available devices"}
             ></button>
-        </box>
+        </box >
     );
 };