Fix network menu to remove duplicate ssids

modules/menus/network/wifi/WirelessAPs.js

@@ -30,8 +30,24 @@ const renderWAPs = (self, network, staging, connecting) => {
       [network.bind("wifi"), staging.bind("value"), connecting.bind("value")],
       () => {
         // Sometimes the network service will yield a "this._device is undefined" when 
-        // trying to access the "access_points" property. So we must check if it exists.
-        const WAPs = Object.hasOwnProperty.call(network.wifi, "access_points") ? network.wifi.access_points : [];
+        // trying to access the "access_points" property. So we must validate that
+        // it's not 'undefined'
+        let WAPs = network.wifi["access_points"] !== undefined
+          ? network.wifi["access-points"]
+          : [];
+
+        const dedupeWAPs = () => {
+          const dedupMap = {};
+          WAPs.forEach((item) => {
+            if (!Object.hasOwnProperty.call(dedupMap, item.ssid)) {
+              dedupMap[item.ssid] = item;
+            }
+          })
+
+          return Object.keys(dedupMap).map(itm => dedupMap[itm]);
+        }
+
+        WAPs = dedupeWAPs();
 
         const isInStaging = (wap) => {
           if (Object.keys(staging.value).length === 0) {
@@ -49,7 +65,9 @@ const renderWAPs = (self, network, staging, connecting) => {
         };
 
         const filteredWAPs = WAPs.filter(
-          (ap) => ap.ssid !== "Unknown" && !isInStaging(ap),
+          (ap) => {
+            return ap.ssid !== "Unknown" && !isInStaging(ap)
+          },
         ).sort((a, b) => {
           if (network.wifi.ssid === a.ssid) {
             return -1;
@@ -136,7 +154,7 @@ const renderWAPs = (self, network, staging, connecting) => {
                                 class_name: "connection-status dim",
                                 label:
                                   WifiStatusMap[
-                                    network.wifi.state.toLowerCase()
+                                  network.wifi.state.toLowerCase()
                                   ],
                               }),
                             }),

modules/menus/network/wifi/index.js

@@ -5,6 +5,15 @@ import { renderWapStaging } from "./APStaging.js";
 const Staging = Variable({});
 const Connecting = Variable("");
 
+const searchInProgress = Variable(false);
+
+const startRotation = () => {
+  searchInProgress.value = true;
+  setTimeout(() => {
+    searchInProgress.value = false;
+  }, 5 * 1000);
+};
+
 const Wifi = () => {
   return Widget.Box({
     class_name: "menu-section-container wifi",
@@ -13,12 +22,29 @@ const Wifi = () => {
       Widget.Box({
         class_name: "menu-label-container",
         hpack: "fill",
-        child: Widget.Label({
-          class_name: "menu-label",
-          hexpand: true,
-          hpack: "start",
-          label: "Wi-Fi",
-        }),
+        children: [
+          Widget.Label({
+            class_name: "menu-label",
+            hexpand: true,
+            hpack: "start",
+            label: "Wi-Fi",
+          }),
+          Widget.Button({
+            vpack: "center",
+            hpack: "end",
+            class_name: "menu-icon-button search network",
+            on_primary_click: () => {
+              startRotation();
+              network.wifi.scan();
+            },
+            child: Widget.Icon({
+              class_name: searchInProgress
+                .bind("value")
+                .as((v) => (v ? "spinning" : "")),
+              icon: "view-refresh-symbolic",
+            }),
+          }),
+        ],
       }),
       Widget.Box({
         class_name: "menu-items-section",