mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 12:55:06 +03:00
Danny White
706207436f
## What kind of change does this PR introduce? UI change ## What is the current behavior? Organization settings are currently spread across a NavMenu. This is getting unweildy as the amount of children within Organization settings grows. ## What is the new behavior? Organization settings are now on a sidebar, just like Project Settings and most other surfaces. | Before | After | | --- | --- | | <img width="1024" height="563" alt="Supabase" src="https://github.com/user-attachments/assets/3889858c-157a-4deb-8714-71fe9cf002e6" /> | <img width="1024" height="563" alt="General Supabase" src="https://github.com/user-attachments/assets/1b4eb2c3-a67c-4eda-ab3c-e6610dd5ccf4" /> | ## Additional context @fsansalvadore and the design team have have other efforts going on to reduce interface clutter, e.g. nested sidebars.
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import PartnerManagedResource from 'components/ui/PartnerManagedResource'
|
|
import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
|
|
import { MANAGED_BY } from 'lib/constants/infrastructure'
|
|
import { Admonition } from 'ui-patterns'
|
|
import { DeleteOrganizationButton } from './DeleteOrganizationButton'
|
|
|
|
export const OrganizationDeletePanel = () => {
|
|
const { data: selectedOrganization } = useSelectedOrganizationQuery()
|
|
|
|
return selectedOrganization?.managed_by !== 'vercel-marketplace' ? (
|
|
<Admonition
|
|
type="destructive"
|
|
title="Deleting this organization will also remove its projects"
|
|
description="Make sure you have made a backup of your projects if you want to keep your data"
|
|
>
|
|
<DeleteOrganizationButton />
|
|
</Admonition>
|
|
) : (
|
|
<PartnerManagedResource
|
|
managedBy={MANAGED_BY.VERCEL_MARKETPLACE}
|
|
resource="Organizations"
|
|
cta={{
|
|
installationId: selectedOrganization?.partner_id,
|
|
path: '/settings',
|
|
message: 'Delete organization in Vercel Marketplace',
|
|
}}
|
|
/>
|
|
)
|
|
}
|