supabase/studio/components/layouts/AuthLayout/AuthLayout.utils.ts

import { IS_PLATFORM } from 'lib/constants'
import { ProductMenuGroup } from 'components/ui/ProductMenu/ProductMenu.types'
import { useFlag } from 'hooks'

export const generateAuthMenu = (ref: string): ProductMenuGroup[] => {
  const logsAuth = useFlag('logsAuth')
  return [
    {
      title: 'General',
      items: [
        { name: 'Users', key: 'users', url: `/project/${ref}/auth/users`, items: [] },
        { name: 'Policies', key: 'policies', url: `/project/${ref}/auth/policies`, items: [] },
        ...(IS_PLATFORM && logsAuth
          ? [
              {
                name: 'Logs',
                key: 'auth-logs',
                url: `/project/${ref}/auth/auth-logs`,
                items: [],
              },
            ]
          : []),
      ],
    },
    ...(IS_PLATFORM
      ? [
          {
            title: 'Configuration',
            items: [
              ...(IS_PLATFORM && logsAuth
                ? [
                    {
                      name: 'Settings',
                      key: 'settings',
                      url: `/project/${ref}/auth/settings`,
                      items: [],
                    },
                  ]
                : []),
              {
                name: 'Templates',
                key: 'settings-templates',
                url: `/project/${ref}/auth/templates-new`,
                items: [],
              },
            ],
          },
        ]
      : []),
  ]
}