From a6c9e1bc2e343c45514b439de2f1f07bc01d16e8 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 17 Jan 2022 17:37:37 +0100
Subject: [PATCH] Don't show branch selector if only one branch

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 src/base/projects/BranchSelector.svelte | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/base/projects/BranchSelector.svelte b/src/base/projects/BranchSelector.svelte
index 00239ec18..b177fd349 100644
--- a/src/base/projects/BranchSelector.svelte
+++ b/src/base/projects/BranchSelector.svelte
@@ -10,10 +10,10 @@
   export let branchesDropdown = false;
 
   const dispatch = createEventDispatcher();
-
   const switchBranch = (name: string) => {
     dispatch("revisionChanged", name);
   };
+  const showSelector = branches.length > 1;
 
   // Sort branches array alphabetically
   const sortBranches = ([firstBranchName,]: [string, string], [secondBranchName,]: [string, string]) => {
@@ -51,7 +51,7 @@
   .commit .branch.not-allowed {
     cursor: not-allowed;
   }
-  .branch:hover {
+  .branch:hover:not(.not-allowed) {
     background-color: var(--color-foreground-background-lighter);
   }
   .commit .hash {
@@ -81,7 +81,7 @@
   }
   .pointer {
     cursor: pointer;
-  } 
+  }
   .branch-dropdown.branch-dropdown-without-label {
     margin-top: 1.6rem;
   }
@@ -105,7 +105,12 @@
   <!-- Check for branches listing feature -->
   {#if branches.length > 0}
     <span>
-      <div on:click={() => toggleDropdown("branch")} class="stat branch" class:not-allowed={!branches} class:hidden={!isLabel}>
+      <div
+        class="stat branch"
+        class:not-allowed={!showSelector}
+        class:hidden={!isLabel}
+        on:click={() => showSelector && toggleDropdown("branch")}
+      >
         {branchLabel}
       </div>
       <div