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

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

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

  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: [],
        },
        {
          name: 'Authentication',
          key: 'auth',
          url: isProjectBuilding ? buildingUrl : `/project/${ref}/auth/settings`,
          items: [],
        },
        // TODO(thebengeu): Uncomment once all tenants migrated to multitenant storage API.
        // {
        //   name: 'Storage',
        //   key: 'storage',
        //   url: isProjectBuilding ? buildingUrl : `/project/${ref}/storage/settings`,
        //   items: [],
        // },
        {
          name: 'Billing & Usage',
          key: 'billing',
          url: isProjectBuilding ? buildingUrl : `/project/${ref}/settings/billing`,
          items: [],
        },
      ],
    },
  ]
}