Files
supabase/apps/studio/components/ui/APIDocsButton.tsx
Joshen Lim f066c02c69 Shift refresh button to header in table editor and make realtime + API docs button smaller (#38463)
* Shift refresh button to header in table editor and make realtime button + api docs button smaller

* Fix ts
2025-09-08 14:15:39 +08:00

31 lines
685 B
TypeScript

import { BookOpenText } from 'lucide-react'
import { useAppStateSnapshot } from 'state/app-state'
import { ButtonTooltip } from './ButtonTooltip'
interface APIDocsButtonProps {
section?: string[]
}
export const APIDocsButton = ({ section }: APIDocsButtonProps) => {
const snap = useAppStateSnapshot()
return (
<ButtonTooltip
size="tiny"
type="default"
onClick={() => {
if (section) snap.setActiveDocsSection(section)
snap.setShowProjectApiDocs(true)
}}
icon={<BookOpenText />}
className="h-7 w-7"
tooltip={{
content: {
side: 'bottom',
text: 'API Docs',
},
}}
/>
)
}