diff --git a/src/components/chat/view/subcomponents/ProviderSelectionEmptyState.tsx b/src/components/chat/view/subcomponents/ProviderSelectionEmptyState.tsx index 5f080467..5ef491a2 100644 --- a/src/components/chat/view/subcomponents/ProviderSelectionEmptyState.tsx +++ b/src/components/chat/view/subcomponents/ProviderSelectionEmptyState.tsx @@ -3,7 +3,6 @@ import { Check, ChevronDown } from "lucide-react"; import { useTranslation } from "react-i18next"; import { useServerPlatform } from "../../../../hooks/useServerPlatform"; -import { useCommandKey } from "../../../../hooks/useCommandKey"; import SessionProviderLogo from "../../../llm-logo-provider/SessionProviderLogo"; import { CLAUDE_MODELS, @@ -28,6 +27,9 @@ import { Card, } from "../../../../shared/view/ui"; +const MOD_KEY = + typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform) ? "⌘" : "Ctrl"; + type ProviderSelectionEmptyStateProps = { selectedSession: ProjectSession | null; currentSessionId: string | null; @@ -108,7 +110,6 @@ export default function ProviderSelectionEmptyState({ }: ProviderSelectionEmptyStateProps) { const { t } = useTranslation("chat"); const { isWindowsServer } = useServerPlatform(); - const { modKey } = useCommandKey(); const [dialogOpen, setDialogOpen] = useState(false); const visibleProviderGroups = useMemo( @@ -293,7 +294,7 @@ export default function ProviderSelectionEmptyState({

Press - {modKey} + {MOD_KEY} K to search sessions, files, and commits diff --git a/src/components/sidebar/view/subcomponents/SidebarHeader.tsx b/src/components/sidebar/view/subcomponents/SidebarHeader.tsx index 18081553..2e0b0086 100644 --- a/src/components/sidebar/view/subcomponents/SidebarHeader.tsx +++ b/src/components/sidebar/view/subcomponents/SidebarHeader.tsx @@ -3,9 +3,11 @@ import type { TFunction } from 'i18next'; import { Button, Input } from '../../../../shared/view/ui'; import { IS_PLATFORM } from '../../../../constants/config'; import { cn } from '../../../../lib/utils'; -import { useCommandKey } from '../../../../hooks/useCommandKey'; import GitHubStarBadge from './GitHubStarBadge'; +const MOD_KEY = + typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.platform) ? '⌘' : 'Ctrl'; + type SearchMode = 'projects' | 'conversations'; type SidebarHeaderProps = { @@ -41,7 +43,6 @@ export default function SidebarHeader({ onCollapseSidebar, t, }: SidebarHeaderProps) { - const { modKey } = useCommandKey(); const LogoBlock = () => (

@@ -166,7 +167,7 @@ export default function SidebarHeader({ title="Open command palette" className="pointer-events-none absolute right-2.5 top-1/2 hidden -translate-y-1/2 items-center gap-0.5 rounded border border-border/60 bg-muted/40 px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground md:inline-flex" > - {modKey} + {MOD_KEY} K )} diff --git a/src/hooks/useCommandKey.ts b/src/hooks/useCommandKey.ts deleted file mode 100644 index 00ce8ea1..00000000 --- a/src/hooks/useCommandKey.ts +++ /dev/null @@ -1,10 +0,0 @@ -export type CommandKey = { - isMac: boolean; - modKey: '⌘' | 'Ctrl'; -}; - -export function useCommandKey(): CommandKey { - const isMac = - typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.platform); - return { isMac, modKey: isMac ? '⌘' : 'Ctrl' }; -}