From 3a6f2abe137035753a754d1ebeee50330a13e8e5 Mon Sep 17 00:00:00 2001
From: tommytrg <tomastrg22@gmail.com>
Date: Fri, 5 Nov 2021 11:04:10 +0100
Subject: [PATCH] feat(ui): sort feeds by network

---
 packages/ui/components/Main.vue | 44 ++++++++++++++++++---------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/packages/ui/components/Main.vue b/packages/ui/components/Main.vue
index 1358933c..f4bedb28 100644
--- a/packages/ui/components/Main.vue
+++ b/packages/ui/components/Main.vue
@@ -56,30 +56,34 @@ export default {
       return Math.ceil(this.feeds.total / this.itemsPerPage)
     },
     allFeeds() {
-      return this.feeds.feeds.map((feed) => {
-        return {
-          detailsPath: {
-            name: 'feeds-id',
-            params: { id: feed.feedFullName },
-          },
-          decimals: parseInt(feed.feedFullName.split('_').pop()) || 3,
-          name: feed.name,
-          value: feed.lastResult,
-          label: feed.label,
-          img: {
-            name: formatSvgName(feed.name),
-            alt: feed.name,
-          },
-          network: feed.network,
-          color: feed.color,
-          blockExplorer: feed.blockExplorer,
-        }
-      })
+      return this.feeds.feeds
+        .map((feed) => {
+          return {
+            detailsPath: {
+              name: 'feeds-id',
+              params: { id: feed.feedFullName },
+            },
+            decimals: parseInt(feed.feedFullName.split('_').pop()) || 3,
+            name: feed.name,
+            value: feed.lastResult,
+            label: feed.label,
+            img: {
+              name: formatSvgName(feed.name),
+              alt: feed.name,
+            },
+            network: feed.network,
+            color: feed.color,
+            blockExplorer: feed.blockExplorer,
+          }
+        })
+        .sort((feed1, feed2) => feed1.network < feed2.network)
     },
     options() {
       return [
         { label: 'all', key: 'All' },
-        ...generateSelectOptions(this.allFeeds.map((feed) => feed.network)),
+        ...generateSelectOptions(
+          this.allFeeds.map((feed) => feed.network)
+        ).sort((option1, option2) => option1.label < option2.label),
       ]
     },
   },