Rename bar.js file to index.js and fix styling for switches and media progress bar.

modules/menus/media/components/bar.js

@@ -10,18 +10,22 @@ const Bar = (curPlayer) => {
           tooltip_text: "yoyo",
           class_name: "menu-slider media progress",
           draw_value: false,
-          on_change: ({ value }) =>
-            (curPlayer.position = value * curPlayer.length),
+          on_change: ({ value }) => {
+            return (curPlayer.position = value * curPlayer.length);
+          },
           setup: (self) => {
             const update = () => {
               if (
                 typeof curPlayer.position === "number" &&
-                curPlayer.position > 0
+                curPlayer.position > 0 &&
+                typeof curPlayer.length === "number" &&
+                curPlayer.length > 0
               ) {
                 const value = curPlayer.position / curPlayer.length;
                 self.value = value > 0 ? value : 0;
+              } else {
+                self.value = 0;
               }
-              return 0;
             };
             self.hook(curPlayer, update);
             self.hook(curPlayer, update, "position");

modules/menus/media/media.js

@@ -39,7 +39,7 @@ const Media = () => {
                   AlbumCover(curPlayer),
                   Widget.Box({
                     class_name: "media-indicator-right-section",
-                    hpack: "center",
+                    hpack: "fill",
                     hexpand: true,
                     vertical: true,
                     children: [

modules/menus/network/wifi/WirelessAPs.js

@@ -29,7 +29,9 @@ const renderWAPs = (self, network, staging, connecting) => {
     Utils.merge(
       [network.bind("wifi"), staging.bind("value"), connecting.bind("value")],
       () => {
-        const WAPs = network.wifi.access_points;
+        // 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 : [];
 
         const isInStaging = (wap) => {
           if (Object.keys(staging.value).length === 0) {

modules/menus/notifications/index.js

@@ -188,7 +188,7 @@ export default () => {
                   if (notifs.notifications.length <= 0) {
                     return (self.children = [
                       Widget.Box({
-                        vpack: "center",
+                        vpack: "start",
                         hpack: "center",
                         expand: true,
                         child: Widget.Label({