From 7daf044c9f35731eca2c94d2770dfffbb9de1871 Mon Sep 17 00:00:00 2001
From: Nils Pukropp <nils@narl.io>
Date: Sat, 9 May 2026 10:53:13 +0200
Subject: [PATCH] fixed shortcut label to be platform specific + home removed

---
 frontend/src/components/react/Search.tsx | 16 ++++++++++------
 frontend/src/layouts/Layout.astro        |  1 -
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/react/Search.tsx b/frontend/src/components/react/Search.tsx
index 7e97679..8d6dd81 100644
--- a/frontend/src/components/react/Search.tsx
+++ b/frontend/src/components/react/Search.tsx
@@ -34,13 +34,17 @@ export default function Search() {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [activeIdx, setActiveIdx] = useState(0);
+  const [isMac, setIsMac] = useState(false);
   const inputRef = useRef<HTMLInputElement>(null);
   const listRef = useRef<HTMLUListElement>(null);
 
+  useEffect(() => {
+    setIsMac(/Mac|iPhone|iPad|iPod/i.test(navigator.userAgent));
+  }, []);
+
   // Global Cmd/Ctrl+K + Esc listener
   useEffect(() => {
     function onKey(e: KeyboardEvent) {
-      const isMac = navigator.platform.toLowerCase().includes('mac');
       const mod = isMac ? e.metaKey : e.ctrlKey;
       if (mod && e.key.toLowerCase() === 'k') {
         e.preventDefault();
@@ -51,7 +55,7 @@ export default function Search() {
     }
     window.addEventListener('keydown', onKey);
     return () => window.removeEventListener('keydown', onKey);
-  }, [open]);
+  }, [open, isMac]);
 
   // Lazy fetch posts on first open
   useEffect(() => {
@@ -124,8 +128,8 @@ export default function Search() {
       <button
         type="button"
         onClick={() => setOpen(true)}
-        aria-label="Search posts (Ctrl+K)"
-        title="Search (Ctrl+K)"
+        aria-label={`Search posts (${isMac ? '⌘' : 'Ctrl'}+K)`}
+        title={`Search (${isMac ? '⌘' : 'Ctrl'}+K)`}
         className="text-subtext0 hover:text-text transition-colors flex items-center gap-2 px-2 py-1 rounded-md hover:bg-surface0/60"
       >
         <svg
@@ -143,8 +147,8 @@ export default function Search() {
           <circle cx="11" cy="11" r="8" />
           <path d="m21 21-4.3-4.3" />
         </svg>
-        <kbd className="hidden md:inline-flex items-center gap-0.5 text-[10px] font-mono text-subtext0 px-1.5 py-0.5 rounded border border-surface1 bg-surface0/60">
-          <span>⌘</span><span>K</span>
+        <kbd className="hidden md:inline-flex items-center gap-1 text-[10px] font-mono text-subtext0 px-1.5 py-0.5 rounded border border-surface1 bg-surface0/60">
+          <span>{isMac ? '⌘' : 'Ctrl'}</span><span className="opacity-50">+</span><span>K</span>
         </kbd>
       </button>
 
diff --git a/frontend/src/layouts/Layout.astro b/frontend/src/layouts/Layout.astro
index ef89828..6b73b3d 100644
--- a/frontend/src/layouts/Layout.astro
+++ b/frontend/src/layouts/Layout.astro
@@ -111,7 +111,6 @@ const fullTitle = `${title} | ${siteConfig.title}`;
                     )}
                 </div>
                 <div class="flex gap-2 md:gap-3 items-center text-sm md:text-base w-full md:w-auto justify-center md:justify-end">
-                    <a href="/" class="text-subtext0 hover:text-text transition-colors px-2 py-1">Home</a>
                     <Search client:load />
                     {isAdmin && (
                         <div class="flex items-center gap-1 pl-2 ml-1 border-l border-surface1/60">