SiteAdminGitHubAppsArea.tsx

import type { FC } from 'react'

import { Routes, Route } from 'react-router-dom'

import { useQuery } from '@sourcegraph/http-client'
import type { AuthenticatedUser } from '@sourcegraph/shared/src/auth'
import type { PlatformContextProps } from '@sourcegraph/shared/src/platform/context'
import type { TelemetryProps } from '@sourcegraph/shared/src/telemetry/telemetryService'
import { lazyComponent } from '@sourcegraph/shared/src/util/lazyComponent'
import { LoadingSpinner, ErrorAlert } from '@sourcegraph/wildcard'

import {
    GitHubAppDomain,
    GitHubAppKind,
    type SiteExternalServiceConfigResult,
    type SiteExternalServiceConfigVariables,
} from '../graphql-operations'

import { SITE_EXTERNAL_SERVICE_CONFIG } from './backend'

const CreateGitHubAppPage = lazyComponent(
    () => import('../components/gitHubApps/CreateGitHubAppPage'),
    'CreateGitHubAppPage'
)
const GitHubAppPage = lazyComponent(() => import('../components/gitHubApps/GitHubAppPage'), 'GitHubAppPage')
const GitHubAppsPage = lazyComponent(() => import('../components/gitHubApps/GitHubAppsPage'), 'GitHubAppsPage')

interface Props extends TelemetryProps, PlatformContextProps {
    authenticatedUser: AuthenticatedUser
    batchChangesEnabled: boolean
}

const DEFAULT_EVENTS = [
    'repository',
    'public',
    'member',
    'membership',
    'organization',
    'team',
    'team_add',
    'meta',
    'push',
]

const DEFAULT_PERMISSIONS = {
    contents: 'read',
    emails: 'read',
    members: 'read',
    metadata: 'read',
}

export const SiteAdminGitHubAppsArea: FC<Props> = props => {
    const { data, error, loading } = useQuery<SiteExternalServiceConfigResult, SiteExternalServiceConfigVariables>(
        SITE_EXTERNAL_SERVICE_CONFIG,
        {}
    )

    if (error && !loading) {
        return <ErrorAlert error={error} />
    }

    if (loading && !error) {
        return <LoadingSpinner />
    }

    if (!data) {
        return null
    }

    return (
        <Routes>
            <Route
                index={true}
                element={
                    <GitHubAppsPage
                        batchChangesEnabled={props.batchChangesEnabled}
                        telemetryRecorder={props.platformContext.telemetryRecorder}
                        isSiteAdmin={true}
                    />
                }
            />

            <Route
                path="new"
                element={
                    <CreateGitHubAppPage
                        appKind={GitHubAppKind.REPO_SYNC}
                        defaultEvents={DEFAULT_EVENTS}
                        defaultPermissions={DEFAULT_PERMISSIONS}
                        appDomain={GitHubAppDomain.REPOS}
                        telemetryRecorder={props.platformContext.telemetryRecorder}
                        {...props}
                    />
                }
            />
            <Route
                path=":appID"
                element={
                    <GitHubAppPage
                        headerParentBreadcrumb={{ to: '/site-admin/github-apps', text: 'GitHub Apps' }}
                        telemetryRecorder={props.platformContext.telemetryRecorder}
                        isSiteAdmin={true}
                        {...props}
                    />
                }
            />
        </Routes>
    )
}