-
Notifications
You must be signed in to change notification settings - Fork 138
Expand file tree
/
Copy pathCopilotButton.tsx
More file actions
61 lines (52 loc) · 1.98 KB
/
CopilotButton.tsx
File metadata and controls
61 lines (52 loc) · 1.98 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import Button from '@/components/Button/Button';
import {Tooltip, TooltipContent, TooltipTrigger} from '@/components/ui/tooltip';
import {MODE, Source, useCopilotStore} from '@/shared/components/copilot/stores/useCopilotStore';
import {useApplicationInfoStore} from '@/shared/stores/useApplicationInfoStore';
import {useFeatureFlagsStore} from '@/shared/stores/useFeatureFlagsStore';
import {SparklesIcon} from 'lucide-react';
import {useShallow} from 'zustand/react/shallow';
export interface CopilotButtonProps {
source: Source;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
parameters?: Record<string, any>;
}
const CopilotButton = ({parameters = {}, source}: CopilotButtonProps) => {
const ai = useApplicationInfoStore((state) => state.ai);
const {copilotPanelOpen, setContext, setCopilotPanelOpen} = useCopilotStore(
useShallow((state) => ({
copilotPanelOpen: state.copilotPanelOpen,
setContext: state.setContext,
setCopilotPanelOpen: state.setCopilotPanelOpen,
}))
);
const ff_1570 = useFeatureFlagsStore()('ff-1570');
const handleClick = () => {
const currentContext = useCopilotStore.getState().context;
setContext({
...currentContext,
mode: MODE.ASK,
parameters,
source,
});
if (!copilotPanelOpen) {
setCopilotPanelOpen(!copilotPanelOpen);
}
};
return (
<Tooltip>
<TooltipTrigger asChild>
{ai.copilot.enabled && ff_1570 && (
<Button
className="[&_svg]:size-5"
icon={<SparklesIcon />}
onClick={handleClick}
size="icon"
variant="ghost"
/>
)}
</TooltipTrigger>
<TooltipContent>Open Copilot panel</TooltipContent>
</Tooltip>
);
};
export default CopilotButton;