Files
supabase/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectPanel.tsx
T
Terry SuttonandIvan Vasilov 522a921fda Chore/add settings panels to cmdk (#17784)
* 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>
2023-10-02 13:09:34 -02:30

36 lines
1002 B
TypeScript

import { useProjectContext } from 'components/layouts/ProjectLayout/ProjectContext'
import { FormHeader } from 'components/ui/Forms'
import Panel from 'components/ui/Panel'
import { Alert } from 'ui'
import DeleteProjectButton from './DeleteProjectButton'
const DeleteProjectPanel = () => {
const { project } = useProjectContext()
if (project === undefined) return null
return (
<section id="delete-project">
<FormHeader title="Delete Project" description="" />
<Panel>
<Panel.Content>
<Alert
variant="danger"
withIcon
title="Deleting this project will also remove your database."
>
<div>
<p className="mb-4 block">
Make sure you have made a backup if you want to keep your data.
</p>
<DeleteProjectButton />
</div>
</Alert>
</Panel.Content>
</Panel>
</section>
)
}
export default DeleteProjectPanel