Fix netlify es-sorter lib deprecation warning

fmartinou · Nov 27, 2022 · 04cb116 · 04cb116
1 parent be783fe
commit 04cb116
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 6 deletions.
diff --git a/app/api/component.js b/app/api/component.js
@@ -27,8 +27,8 @@ function mapComponentsToList(listFunction) {
     return Object.keys(listFunction())
         .map((key) => mapComponentToItem(key, listFunction()[key]))
         .sort(byValues([
-            ['type', byString()],
-            ['name', byString()],
+            [(x) => x.type, byString()],
+            [(x) => x.name, byString()],
         ]));
 }
 

diff --git a/app/store/container.js b/app/store/container.js
@@ -71,7 +71,9 @@ function getContainers(query = {}) {
         return [];
     }
     const containerList = containers.find(filter).map((item) => validateContainer(item.data));
-    return containerList.sort(byValue((container) => container.name, byString()));
+    return containerList.sort(
+        byValue((container) => container.name, byString()),
+    );
 }
 
 /**

diff --git a/docs/changelog/README.md b/docs/changelog/README.md
@@ -1,5 +1,8 @@
 # Changelog
 
+# dev
+- :fire: Fix netlify es-sorter lib deprecation warning
+
 # 5.22.0
 - :star: [Mqtt trigger] Add support for (m)TLS
 - :star: Update all dependencies

diff --git a/ui/src/views/HomeView.vue b/ui/src/views/HomeView.vue
@@ -17,10 +17,12 @@
           <v-btn
             small
             plain
-            color="warning"
+            :color="containersToUpdateCount > 0 ? 'warning' : 'success'"
             to="/containers?update-available=true"
-            v-if="containersToUpdateCount > 0"
-            >({{ containersToUpdateCount }} updates)</v-btn
+            :style="{
+              pointerEvents: containersToUpdateCount === 0 ? 'none' : 'auto',
+            }"
+            >({{ containerUpdateMessage }})</v-btn
           >
         </v-card>
       </v-col>
@@ -79,6 +81,15 @@ export default {
     };
   },
 
+  computed: {
+    containerUpdateMessage() {
+      if (this.containersToUpdateCount > 0) {
+        return `${this.containersToUpdateCount} updates available`;
+      }
+      return "all containers are up-to-date";
+    },
+  },
+
   async beforeRouteEnter(to, from, next) {
     try {
       const containers = await getAllContainers();