Files
supabase/apps/studio/components/interfaces/Settings/General/TransferProjectPanel/TransferProjectPanel.tsx
Alaister Young 70da0f1d1d chore: cleanup packages (#27770)
* chore: cleanup packages

- Avoid circular imports
- Export API-types as types
- pg-format without depending on Node internal Buffer (not browser-compatible)
- Avoid importing from barrel files in ui dir

* chore: avoid barrel file imports in studio (#27771)

* chore: avoid barrel file imports

- Removes some unused imports
- Avoids barrel file import for faster builds + less memory

* add eslint rule

* type fixes

* delete layouts barrel

* delete components/grid barrel file

* delete components/grid/utils barrel file

* delete components/grid/components/common barrel file

* delete components/grid/components/editor barrel file

* delete components/grid/components/formatter barrel file

* delete components/grid/components/grid barrel file

* delete components/grid/components/header/filter barrel file

* remote components/grid/store barrel file

* remove components/interfaces/Auth/Policies barrel file

* delete components/interfaces/Settings/Logs barrel file

* delete components/ui/CodeEditor barrel file

* delete components/ui/Forms barrel file

* delete components/ui/Shimmers barrel file

* delete data/analytics barrel file

* delete hooks barrel file

* cleanup lib/common/fetch barrel file

* final * barral files cleanup

* global react-data-grid styles

* remove console.log

---------

Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com>

* fix build

---------

Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com>
2024-07-04 14:48:10 +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 { IconTruck } from 'ui'
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."
/>
<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