mirror of
https://github.com/supabase/supabase.git
synced 2026-10-07 10:25:06 +03:00
* 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>
43 lines
1.3 KiB
TypeScript
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
|