From ffa6eabdb58e694dfbc78b7d70aa45cad61669a0 Mon Sep 17 00:00:00 2001
From: Juliet <m@juli.ee>
Date: Tue, 3 Mar 2026 04:39:24 +0100
Subject: [PATCH] hide bottom bar when no labels

---
 src/views/labels.tsx | 106 ++++++++++++++++++++++---------------------
 1 file changed, 54 insertions(+), 52 deletions(-)

diff --git a/src/views/labels.tsx b/src/views/labels.tsx
index 1d6d2e9..ad3b4c1 100644
--- a/src/views/labels.tsx
+++ b/src/views/labels.tsx
@@ -281,64 +281,66 @@ export const LabelView = () => {
             </Show>
           </div>
 
-          <div class="dark:bg-dark-500 fixed bottom-0 z-10 flex w-full flex-col items-center gap-2 border-t border-neutral-200 bg-neutral-100 px-3 pt-3 pb-6 dark:border-neutral-700">
-            <div
-              class="dark:bg-dark-200 flex w-full max-w-lg cursor-text items-center gap-2 rounded-lg border border-neutral-200 bg-white px-3 dark:border-neutral-700"
-              onClick={(e) => {
-                const input = e.currentTarget.querySelector("input");
-                if (e.target !== input) input?.focus();
-              }}
-            >
-              <span class="iconify lucide--filter text-neutral-500 dark:text-neutral-400" />
-              <input
-                ref={filterInputRef}
-                type="text"
-                spellcheck={false}
-                autocapitalize="off"
-                autocomplete="off"
-                class="grow py-2 select-none placeholder:text-sm focus:outline-none"
-                placeholder="Filter labels... (* for partial, -exclude)"
-                value={filter()}
-                onInput={(e) => setFilter(e.currentTarget.value)}
-              />
-              <Show when={canHover && !filter()}>
-                <kbd class="rounded border border-neutral-200 bg-neutral-50 px-1.5 py-0.5 font-mono text-xs text-neutral-400 select-none dark:border-neutral-600 dark:bg-neutral-700">
-                  /
-                </kbd>
-              </Show>
-            </div>
-
-            <div class="flex min-h-7.5 w-full max-w-lg items-center justify-between">
-              <div class="w-20" />
-
-              <div>
-                <Show when={filter()}>
-                  <span>{filteredLabels().length}</span>
-                  <span>/</span>
+          <Show when={labels().length > 1}>
+            <div class="dark:bg-dark-500 fixed bottom-0 z-10 flex w-full flex-col items-center gap-2 border-t border-neutral-200 bg-neutral-100 px-3 pt-3 pb-6 dark:border-neutral-700">
+              <div
+                class="dark:bg-dark-200 flex w-full max-w-lg cursor-text items-center gap-2 rounded-lg border border-neutral-200 bg-white px-3 dark:border-neutral-700"
+                onClick={(e) => {
+                  const input = e.currentTarget.querySelector("input");
+                  if (e.target !== input) input?.focus();
+                }}
+              >
+                <span class="iconify lucide--filter text-neutral-500 dark:text-neutral-400" />
+                <input
+                  ref={filterInputRef}
+                  type="text"
+                  spellcheck={false}
+                  autocapitalize="off"
+                  autocomplete="off"
+                  class="grow py-2 select-none placeholder:text-sm focus:outline-none"
+                  placeholder="Filter labels... (* for partial, -exclude)"
+                  value={filter()}
+                  onInput={(e) => setFilter(e.currentTarget.value)}
+                />
+                <Show when={canHover && !filter()}>
+                  <kbd class="rounded border border-neutral-200 bg-neutral-50 px-1.5 py-0.5 font-mono text-xs text-neutral-400 select-none dark:border-neutral-600 dark:bg-neutral-700">
+                    /
+                  </kbd>
                 </Show>
-                <span>{labels().length} labels</span>
               </div>
 
-              <div class="flex w-20 items-center justify-end">
-                <Show when={cursor()}>
-                  <Button
-                    onClick={handleLoadMore}
-                    disabled={loading()}
-                    classList={{ "w-20 h-7.5 justify-center": true }}
-                  >
-                    <Show
-                      when={!loading()}
-                      fallback={
-                        <span class="iconify lucide--loader-circle animate-spin text-base" />
-                      }
+              <div class="flex min-h-7.5 w-full max-w-lg items-center justify-between">
+                <div class="w-20" />
+
+                <div>
+                  <Show when={filter()}>
+                    <span>{filteredLabels().length}</span>
+                    <span>/</span>
+                  </Show>
+                  <span>{labels().length} labels</span>
+                </div>
+
+                <div class="flex w-20 items-center justify-end">
+                  <Show when={cursor()}>
+                    <Button
+                      onClick={handleLoadMore}
+                      disabled={loading()}
+                      classList={{ "w-20 h-7.5 justify-center": true }}
                     >
-                      Load more
-                    </Show>
-                  </Button>
-                </Show>
+                      <Show
+                        when={!loading()}
+                        fallback={
+                          <span class="iconify lucide--loader-circle animate-spin text-base" />
+                        }
+                      >
+                        Load more
+                      </Show>
+                    </Button>
+                  </Show>
+                </div>
               </div>
             </div>
-          </div>
+          </Show>
         </Show>
       </div>
     </>
-- 
2.51.2