Files
supabase/apps/studio/components/interfaces/Settings/General/TransferProjectPanel/TransferProjectPanel.tsx
T
Ivan VasilovandJoshen Lim 05a542ccea chore: Migrate all feather icons to lucide icons (#29038)
* Add lucide-react to docs (to make the autocomplete work).

* Migrate the docs app icons.

* Migrate the ui-patterns.

* Remove the old icons from ui package.

* Migrate the www app from react-feather icons.

* Migrate all of studio icons.

* Migrate the only component in design-system.

* Fix an old import in ui package. Revert an import in docs app.

* Fix some pages in www.

* Remove unneeded files used in generation of icons.

* Fix a prettier error.

* Fix more issues in www.

* Fix an issue in Log Date picker.

* Replace all string sizes with number sizes because the icons grew in some cases.

* Fix more imports in security page.

* Fix an extra import.

* Remove the size prop from all icons if they're in a button and they match the button size.

* Minor fixes for docs and www.

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2024-09-04 19:46:21 +08:00

42 lines
1.3 KiB
TypeScript

import { FormHeader } from 'components/ui/Forms/FormHeader'
import Panel from 'components/ui/Panel'
import { useSelectedProject } from 'hooks/misc/useSelectedProject'
import TransferProjectButton from './TransferProjectButton'
import { Truck } from 'lucide-react'
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."
/>
<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