Fix network list flickering on refresh

2024-06-29 18:43:59 -07:00
parent da5d297b60
commit 47b3f1c74e
9 changed files with 29 additions and 495 deletions
--- a/modules/menus/network/ethernet/index.js
+++ b/modules/menus/network/ethernet/index.js
@@ -0,0 +1,67 @@
+const network = await Service.import("network");
+
+const Ethernet = () => {
+  return Widget.Box({
+    class_name: "menu-section-container ethernet",
+    vertical: true,
+    children: [
+      Widget.Box({
+        class_name: "menu-label-container",
+        hpack: "fill",
+        child: Widget.Label({
+          class_name: "menu-label",
+          hexpand: true,
+          hpack: "center",
+          label: "Ethernet",
+        }),
+      }),
+      Widget.Box({
+        class_name: "menu-items-section",
+        vertical: true,
+        children: [
+          Widget.Box({
+            class_name: "menu-content",
+            vertical: true,
+            child: network.bind("wired").as((wired) => {
+              return Widget.Box({
+                class_name: "network-element-item",
+                child: Widget.Box({
+                  hpack: "start",
+                  children: [
+                    Widget.Icon({
+                      class_name: `network-icon ethernet ${network.wired.state === "activated" ? "active" : ""}`,
+                      tooltip_text: wired.internet,
+                      icon: `${wired["icon_name"]}`,
+                    }),
+                    Widget.Box({
+                      class_name: "connection-container",
+                      vertical: true,
+                      children: [
+                        Widget.Label({
+                          class_name: "active-connection",
+                          hpack: "start",
+                          truncate: "end",
+                          wrap: true,
+                          label: `Ethernet Connection ${typeof wired.speed === "number" ? `(${wired.speed / 1000} Gbps)` : ""}`,
+                        }),
+                        Widget.Label({
+                          hpack: "start",
+                          class_name: "connection-status dim",
+                          label:
+                            wired.internet.charAt(0).toUpperCase() +
+                            wired.internet.slice(1),
+                        }),
+                      ],
+                    }),
+                  ],
+                }),
+              });
+            }),
+          }),
+        ],
+      }),
+    ],
+  });
+};
+
+export { Ethernet };