Only show visited repos and hide at all if less than 4 repos (woodpec…

…ker-ci#4753)
qwerty287 · Jan 20, 2025 · 089f7f4 · 089f7f4
1 parent 62e7e0d
commit 089f7f4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/web/src/compositions/useRepos.ts b/web/src/compositions/useRepos.ts
@@ -26,12 +26,14 @@ export default function useRepos() {
   }
 
   function sortReposByLastAccess(repos: Repo[]): Repo[] {
-    return repos.sort((a, b) => {
-      const aLastAccess = lastAccess.value.get(a.id) ?? 0;
-      const bLastAccess = lastAccess.value.get(b.id) ?? 0;
-
-      return bLastAccess - aLastAccess;
-    });
+    return repos
+      .filter((r) => lastAccess.value.get(r.id) !== undefined)
+      .sort((a, b) => {
+        const aLastAccess = lastAccess.value.get(a.id)!;
+        const bLastAccess = lastAccess.value.get(b.id)!;
+
+        return bLastAccess - aLastAccess;
+      });
   }
 
   function sortReposByLastActivity(repos: Repo[]): Repo[] {

diff --git a/web/src/views/Repos.vue b/web/src/views/Repos.vue
@@ -10,7 +10,10 @@
 
     <Transition name="fade" mode="out-in">
       <div v-if="search === '' && repos.length > 0" class="grid gap-8">
-        <div v-if="reposLastAccess.length > 0" class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-2">
+        <div
+          v-if="reposLastAccess.length > 0 && repos.length > 4"
+          class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-2"
+        >
           <RepoItem v-for="repo in reposLastAccess" :key="repo.id" :repo="repo" />
         </div>