Files
supabase/apps/studio/components/layouts/ProjectLayout/LayoutHeader/QuickActionsCommandTrigger.tsx

25 lines
655 B
TypeScript

import { PlusIcon } from 'lucide-react'
import { Button, Tooltip, TooltipContent, TooltipTrigger } from 'ui'
import { useSetCommandMenuOpen } from 'ui-patterns'
const QuickActionsCommandTrigger = () => {
const setIsOpen = useSetCommandMenuOpen()
const handleClick = () => {
setIsOpen(true, 'quick-actions')
}
return (
<Tooltip>
<TooltipTrigger asChild>
<Button onClick={handleClick} type="primary" className="!p-0 rounded-full w-7 h-7">
<PlusIcon size={14} />
</Button>
</TooltipTrigger>
<TooltipContent>Create</TooltipContent>
</Tooltip>
)
}
export default QuickActionsCommandTrigger