Files
supabase/studio/components/interfaces/Settings/General/TransferProjectPanel/TransferProjectPanel.tsx
T
Terry SuttonandIvan Vasilov 522a921fda Chore/add settings panels to cmdk (#17784)
* Fix searchable item command, add settings panel ids

* Update

* Add support for hash urls to no-project-selected page (_).

* Fix some of the labels.

---------

Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
2023-10-02 13:09:34 -02:30

43 lines
1.3 KiB
TypeScript

import { IconTruck } from 'ui'
import { FormHeader } from 'components/ui/Forms'
import Panel from 'components/ui/Panel'
import { useSelectedProject } from 'hooks'
import TransferProjectButton from './TransferProjectButton'
const TransferProjectPanel = () => {
const project = useSelectedProject()
if (project === undefined) return <></>
return (
<section id="transfer-project">
<FormHeader
title="Transfer Project"
description="Transfer your project to a different organization with no downtime."
/>
<Panel>
<Panel.Content>
<div className="flex justify-between items-center gap-8">
<div className="flex space-x-4">
<IconTruck className="mt-1" />
<div className="space-y-1 xl:max-w-lg">
<p className="text-sm">Transfer project to another organization</p>
<p className="text-sm text-foreground-light">
To transfer projects, the owner must be a member of both the source and target
organizations.
</p>
</div>
</div>
<div>
<TransferProjectButton />
</div>
</div>
</Panel.Content>
</Panel>
</section>
)
}
export default TransferProjectPanel