supabase/apps/studio/components/layouts/ReportsLayout/Reports.Commands.tsx

import { useParams } from 'common'
import { COMMAND_MENU_SECTIONS } from 'components/interfaces/App/CommandMenu/CommandMenu.utils'
import type { CommandOptions } from 'ui-patterns/CommandMenu'
import { useRegisterCommands } from 'ui-patterns/CommandMenu'

export function useReportsGotoCommands(options?: CommandOptions) {
  let { ref } = useParams()
  ref ||= '_'

  useRegisterCommands(
    COMMAND_MENU_SECTIONS.NAVIGATE,
    [
      {
        id: 'nav-reports',
        name: 'Reports',
        route: `/project/${ref}/reports`,
        defaultHidden: true,
      },
      {
        id: 'nav-reports-api',
        name: 'API Reports',
        route: `/project/${ref}/reports/api-overview`,
        defaultHidden: true,
      },
      {
        id: 'nav-reports-storage',
        name: 'Storage Reports',
        route: `/project/${ref}/reports/storage`,
        defaultHidden: true,
      },
      {
        id: 'nav-reports-database',
        name: 'Database Reports',
        route: `/project/${ref}/reports/database`,
        defaultHidden: true,
      },
      {
        id: 'nav-reports-query-performance',
        name: 'Query Performance Reports',
        route: `/project/${ref}/reports/query-performance`,
        defaultHidden: true,
      },
    ],
    { ...options, deps: [ref] }
  )
}