From bc848a8baf06aee08d362497afac71e7fd3168a4 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 10 Jul 2020 14:33:31 -0700
Subject: [PATCH] Only shows running and all

---
 assets/pages/Index.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/assets/pages/Index.vue b/assets/pages/Index.vue
index a4664e58..dc42eeff 100644
--- a/assets/pages/Index.vue
+++ b/assets/pages/Index.vue
@@ -51,7 +51,6 @@
             </p>
           </div>
           <p class="panel-tabs">
-            <a :class="{ 'is-active': sort === 'recent' }" @click="sort = 'recent'">Recent</a>
             <a :class="{ 'is-active': sort === 'running' }" @click="sort = 'running'">Running</a>
             <a :class="{ 'is-active': sort === 'all' }" @click="sort = 'all'">All</a>
           </p>
@@ -85,7 +84,7 @@ export default {
     return {
       version: config.version,
       search: null,
-      sort: "recent",
+      sort: "running",
     };
   },
 
@@ -95,7 +94,7 @@ export default {
       return [...this.containers].sort((a, b) => b.created - a.created);
     },
     runningContainers() {
-      return this.containers.filter((c) => c.state === "running");
+      return this.mostRecentContainers.filter((c) => c.state === "running");
     },
     allContainers() {
       return this.containers;
@@ -107,11 +106,10 @@ export default {
       }
       switch (this.sort) {
         case "all":
-          return this.allContainers;
+          return this.mostRecentContainers;
         case "running":
           return this.runningContainers;
-        case "recent":
-          return this.mostRecentContainers;
+
         default:
           throw `Invalid sort order: ${this.sort}`;
       }