Files
kandev/apps/web/components/task/quick-chat-button.tsx
T

28 lines
909 B
TypeScript

"use client";
import { IconMessageCircle } from "@tabler/icons-react";
import { Button } from "@kandev/ui/button";
import { KeyboardShortcutTooltip } from "@/components/keyboard-shortcut-tooltip";
import { SHORTCUTS } from "@/lib/keyboard/constants";
import { useQuickChatLauncher } from "@/hooks/use-quick-chat-launcher";
/** Quick Chat button that opens the quick chat modal */
export function QuickChatButton({ workspaceId }: { workspaceId?: string | null }) {
const handleOpenQuickChat = useQuickChatLauncher(workspaceId);
if (!workspaceId) return null;
return (
<KeyboardShortcutTooltip shortcut={SHORTCUTS.QUICK_CHAT} description="Quick Chat">
<Button
size="icon"
variant="outline"
className="cursor-pointer"
onClick={handleOpenQuickChat}
>
<IconMessageCircle className="h-4 w-4" />
</Button>
</KeyboardShortcutTooltip>
);
}