João Salavisa
49 lines
1.6 KiB
TypeScript
49 lines
1.6 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";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
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 { t } = useTranslation();
|
|
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={t("common:commandQuickChat")}
|
|
>
|
|
<Button
|
|
variant="outline"
|
|
size={compact ? "icon-lg" : size}
|
|
className="cursor-pointer gap-2"
|
|
aria-label={compact ? t("common:commandQuickChat") : undefined}
|
|
onClick={handleOpenQuickChat}
|
|
>
|
|
<IconMessageCircle className="h-4 w-4" />
|
|
{!compact && t("task:chat")}
|
|
</Button>
|
|
</KeyboardShortcutTooltip>
|
|
);
|
|
}
|