Files
supabase/apps/studio/components/interfaces/Settings/General/TransferProjectPanel/TransferProjectPanel.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

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