mirror of
https://github.com/supabase/supabase.git
synced 2026-06-21 21:12:49 +08:00
cab0585533
* Replace all usage of useProjectContext with useSelectedProjectQuery * Replace all usage of useSelectedProject with useSelectedProjectQuery * Replace all usage of useProjectByRef with useProjectByRefQuery * Replace all usage of useSelectedOrganization with useSelectedOrganizationQuery * Deprecate useSelectedProject, useSelectedOrganization, and useProjectByRef hooks * Deprecate ProjecContext
43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import { Truck } from 'lucide-react'
|
|
|
|
import { FormHeader } from 'components/ui/Forms/FormHeader'
|
|
import Panel from 'components/ui/Panel'
|
|
import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
|
|
import TransferProjectButton from './TransferProjectButton'
|
|
|
|
const TransferProjectPanel = () => {
|
|
const { data: project } = useSelectedProjectQuery()
|
|
|
|
if (project === undefined) return null
|
|
|
|
return (
|
|
<section id="transfer-project">
|
|
<FormHeader
|
|
title="Transfer Project"
|
|
description="Transfer your project to a different organization."
|
|
/>
|
|
<Panel>
|
|
<Panel.Content>
|
|
<div className="flex justify-between items-center gap-8">
|
|
<div className="flex space-x-4">
|
|
<Truck 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
|