supabase/studio/components/layouts/SettingsLayout/SettingsMenu.utils.ts

import { ProjectBase } from 'types'
import { IS_PLATFORM, PROJECT_STATUS } from 'lib/constants'
import { ProductMenuGroup } from 'components/ui/ProductMenu/ProductMenu.types'

export const generateSettingsMenu = (
  ref: string,
  project?: ProjectBase,
  isVaultEnabled: boolean = false,
  isOrgBilling: boolean = false
): ProductMenuGroup[] => {
  const isProjectBuilding = project?.status === PROJECT_STATUS.COMING_UP
  const buildingUrl = `/project/${ref}/building`

  if (isOrgBilling) {
    return [
      {
        title: 'Project Settings',
        items: [
          {
            name: 'General',
            key: 'general',
            url: `/project/${ref}/settings/general`,
            items: [],
          },
          {
            name: 'Infrastructure',
            key: 'infrastructure',
            url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/infrastructure`,
            items: [],
          },
          {
            name: 'Add Ons',
            key: 'addons',
            url: `/project/${ref}/settings/addons`,
            items: [],
          },
          ...(isVaultEnabled
            ? [
                {
                  name: 'Vault',
                  key: 'vault',
                  url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/vault/secrets`,
                  items: [],
                  label: 'BETA',
                },
              ]
            : []),
        ],
      },
      {
        title: '',
        items: [
          {
            name: 'Database',
            key: 'database',
            url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/database`,
            items: [],
          },
          {
            name: 'API',
            key: 'api',
            url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/api`,
            items: [],
          },
          ...(IS_PLATFORM
            ? [
                {
                  name: 'Auth',
                  key: 'auth',
                  url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/auth`,
                  items: [],
                },
              ]
            : []),
          ...(IS_PLATFORM
            ? [
                {
                  name: 'Storage',
                  key: 'storage',
                  url: `/project/${ref}/settings/storage`,
                  items: [],
                },
              ]
            : []),
        ],
      },
    ]
  } else {
    return [
      {
        title: 'Project Settings',
        items: [
          {
            name: 'General',
            key: 'general',
            url: `/project/${ref}/settings/general`,
            items: [],
          },
          {
            name: 'Database',
            key: 'database',
            url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/database`,
            items: [],
          },
          {
            name: 'API',
            key: 'api',
            url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/api`,
            items: [],
          },
          ...(IS_PLATFORM
            ? [
                {
                  name: 'Auth',
                  key: 'auth',
                  url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/auth`,
                  items: [],
                },
              ]
            : []),
          ...(IS_PLATFORM
            ? [
                {
                  name: 'Storage',
                  key: 'storage',
                  url: `/project/${ref}/settings/storage`,
                  items: [],
                },
              ]
            : []),
          ...(isVaultEnabled
            ? [
                {
                  name: 'Vault',
                  key: 'vault',
                  url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/vault/secrets`,
                  items: [],
                  label: 'BETA',
                },
              ]
            : []),
        ],
      },
      ...(IS_PLATFORM
        ? [
            {
              title: 'Billing',
              items: [
                {
                  name: 'Subscription',
                  key: 'subscription',
                  url: isProjectBuilding
                    ? buildingUrl
                    : `/project/${ref}/settings/billing/subscription`,
                  items: [],
                },
                {
                  name: 'Usage',
                  key: 'usage',
                  url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/billing/usage`,
                  items: [],
                },
                {
                  name: 'Invoices',
                  key: 'invoices',
                  url: isProjectBuilding
                    ? buildingUrl
                    : `/project/${ref}/settings/billing/invoices`,
                  items: [],
                },
              ],
            },
          ]
        : []),
    ]
  }
}