José Almeida
b4ce4d6eef
* refactor(web): improve compact desktop layouts * fix(web): address compact desktop review feedback * fix(web): address responsive review followups * fix(web): preserve compact sidebar restore sizing * fix(web): harden compact preset sidebar test * refactor(web): extract dockview layout hooks
44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import { IconMessageCircle } from "@tabler/icons-react";
|
|
import { Button } from "@kandev/ui/button";
|
|
import { KeyboardShortcutTooltip } from "@/components/keyboard-shortcut-tooltip";
|
|
import { getShortcut } from "@/lib/keyboard/shortcut-overrides";
|
|
import { useQuickChatLauncher } from "@/hooks/use-quick-chat-launcher";
|
|
import { useAppStore } from "@/components/state-provider";
|
|
import type { ComponentProps } from "react";
|
|
|
|
type QuickChatButtonProps = {
|
|
workspaceId?: string | null;
|
|
size?: ComponentProps<typeof Button>["size"];
|
|
compact?: boolean;
|
|
};
|
|
|
|
/** Quick Chat button that opens the quick chat modal */
|
|
export function QuickChatButton({
|
|
workspaceId,
|
|
size = "default",
|
|
compact = false,
|
|
}: QuickChatButtonProps) {
|
|
const handleOpenQuickChat = useQuickChatLauncher(workspaceId);
|
|
const keyboardShortcuts = useAppStore((s) => s.userSettings.keyboardShortcuts);
|
|
const quickChatShortcut = getShortcut("QUICK_CHAT", keyboardShortcuts);
|
|
|
|
if (!workspaceId) return null;
|
|
|
|
return (
|
|
<KeyboardShortcutTooltip shortcut={quickChatShortcut} description="Quick Chat">
|
|
<Button
|
|
variant="outline"
|
|
size={compact ? "icon-lg" : size}
|
|
className="cursor-pointer gap-2"
|
|
aria-label={compact ? "Quick Chat" : undefined}
|
|
onClick={handleOpenQuickChat}
|
|
>
|
|
<IconMessageCircle className="h-4 w-4" />
|
|
{!compact && "Chat"}
|
|
</Button>
|
|
</KeyboardShortcutTooltip>
|
|
);
|
|
}
|