DeleteProjectPanel() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectPanel.tsx lines 14–52

export const DeleteProjectPanel = () => {
  const { data: project } = useSelectedProjectQuery()
  const { data: selectedOrganization } = useSelectedOrganizationQuery()

  if (project === undefined) return null

  const title =
    selectedOrganization?.managed_by === 'vercel-marketplace'
      ? 'Deleting this project will also remove your database and uninstall the resource on Vercel.'
      : 'Deleting this project will also remove your database.'
  const description =
    selectedOrganization?.managed_by === 'vercel-marketplace'
      ? 'Make sure you have made a backup if you want to keep your data, and that no Vercel project is connected to this resource.'
      : 'Make sure you have made a backup if you want to keep your data.'

  return (
    <PageSection id="delete-project">
      <PageSectionMeta>
        <PageSectionSummary>
          <PageSectionTitle>Delete Project</PageSectionTitle>
          <PageSectionDescription>
            Permanently remove your project and its database.
          </PageSectionDescription>
        </PageSectionSummary>
      </PageSectionMeta>

      <PageSectionContent>
        <Alert_Shadcn_ variant="destructive">
          <CriticalIcon />
          <AlertTitle_Shadcn_>{title}</AlertTitle_Shadcn_>
          <AlertDescription_Shadcn_>{description}</AlertDescription_Shadcn_>
          <div className="mt-2">
            <DeleteProjectButton />
          </div>
        </Alert_Shadcn_>
      </PageSectionContent>
    </PageSection>
  )
}