Files
supabase/apps/studio/components/layouts/AppLayout/SettingsButton.tsx
Ivan Vasilov 436bdb10ae chore: Move the studio app to apps/studio (#18915)
* Move all studio files from /studio to /apps/studio.

* Move studio specific prettier ignores.

* Fix the ui references from studio.

* Fix the css imports.

* Fix all package.json issues.

* Fix the prettier setup for the studio app.

* Add .turbo folder to prettierignore.

* Fix the github workflows.
2023-11-15 12:38:55 +01:00

35 lines
1.1 KiB
TypeScript

import * as Tooltip from '@radix-ui/react-tooltip'
import { useSelectedOrganization } from 'hooks'
import Link from 'next/link'
import { IconSettings } from 'ui'
const SettingsButton = () => {
const selectedOrganization = useSelectedOrganization()
const slug = selectedOrganization?.slug
return (
<Tooltip.Root delayDuration={0}>
<Tooltip.Trigger type="button" asChild className="px-1">
<Link id="organization-settings" href={slug ? `/org/${slug}/general` : '/'}>
<IconSettings size={18} strokeWidth={1.5} className="text-foreground-light" />
</Link>
</Tooltip.Trigger>
<Tooltip.Portal>
<Tooltip.Content side="bottom">
<Tooltip.Arrow className="radix-tooltip-arrow" />
<div
className={[
'rounded bg-alternative py-1 px-2 leading-none shadow',
'border border-background',
].join(' ')}
>
<span className="text-xs text-foreground">Organization settings</span>
</div>
</Tooltip.Content>
</Tooltip.Portal>
</Tooltip.Root>
)
}
export default SettingsButton