Files
supabase/apps/studio/components/layouts/AppLayout/AssistantButton.tsx
2024-11-15 20:13:14 +10:00

24 lines
641 B
TypeScript

import * as Tooltip from '@radix-ui/react-tooltip'
import { Wand } from 'lucide-react'
import { Button } from 'ui'
import { useAppStateSnapshot } from 'state/app-state'
import { AiIconAnimation } from 'ui'
const AssistantButton = () => {
const { setAiAssistantPanel, aiAssistantPanel } = useAppStateSnapshot()
return (
<Button
type="text"
id="assistant-trigger"
className="w-6 h-6"
onClick={() => {
setAiAssistantPanel({ open: !aiAssistantPanel.open })
}}
icon={<AiIconAnimation allowHoverEffect className="w-4 h-4 text-foreground-light" />}
/>
)
}
export default AssistantButton