From 28bd6cc69023012391a8b3985d70d79986f43a96 Mon Sep 17 00:00:00 2001
From: Lukas <lukas@slucky.de>
Date: Tue, 26 Dec 2023 07:37:14 +0100
Subject: [PATCH] Show default branch on top (#3019)

---
 web/src/views/repo/RepoBranches.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/web/src/views/repo/RepoBranches.vue b/web/src/views/repo/RepoBranches.vue
index 60cc8cc74..f8a6678fc 100644
--- a/web/src/views/repo/RepoBranches.vue
+++ b/web/src/views/repo/RepoBranches.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="branches" class="space-y-4">
     <ListItem
-      v-for="branch in branches"
+      v-for="branch in branchesWithDefaultBranchFirst"
       :key="branch"
       class="text-wp-text-100"
       :to="{ name: 'repo-branch', params: { branch } }"
@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import { inject, Ref, watch } from 'vue';
+import { computed, inject, Ref, watch } from 'vue';
 
 import Badge from '~/components/atomic/Badge.vue';
 import ListItem from '~/components/atomic/ListItem.vue';
@@ -38,5 +38,19 @@ async function loadBranches(page: number): Promise<string[]> {
 
 const { resetPage, data: branches } = usePagination(loadBranches);
 
+const branchesWithDefaultBranchFirst = computed(() =>
+  branches.value.toSorted((a, b) => {
+    if (a === repo.value.default_branch) {
+      return -1;
+    }
+
+    if (b === repo.value.default_branch) {
+      return 1;
+    }
+
+    return 0;
+  }),
+);
+
 watch(repo, resetPage);
 </script>