import { useEffect, useState } from 'react' import { Timestamp } from '@sourcegraph/branded/src/components/Timestamp' import { useQuery } from '@sourcegraph/http-client' import { H3, Text, Code, Card, LoadingSpinner, ErrorAlert } from '@sourcegraph/wildcard' import type { GetIngestedCodeownersResult, GetIngestedCodeownersVariables, IngestedCodeowners, RepositoryFields, } from '../../graphql-operations' import { DeleteFileButton } from './DeleteFileButton' import { GET_INGESTED_CODEOWNERS_QUERY } from './graphqlQueries' import { IngestedFileViewer } from './IngestedFileViewer' import type { RepositoryOwnAreaPageProps } from './RepositoryOwnEditPage' import { UploadFileButton } from './UploadFileButton' import styles from './RepositoryOwnPageContents.module.scss' export interface CodeownersIngestedFile { contents: string updatedAt: string } export const RepositoryOwnPageContents: React.FunctionComponent< Pick > = ({ repo, authenticatedUser, telemetryRecorder }) => { const isAdmin = authenticatedUser?.siteAdmin const { data, error, loading } = useQuery( GET_INGESTED_CODEOWNERS_QUERY, { variables: { repoID: repo.id, }, } ) const [codeownersIngestedFile, setCodeownersIngestedFile] = useState(null) useEffect(() => { if (data?.node?.__typename === 'Repository') { if (data.node.ingestedCodeowners?.__typename === 'CodeownersIngestedFile') { setCodeownersIngestedFile(data.node.ingestedCodeowners) } else { setCodeownersIngestedFile(null) } } }, [data?.node]) if (loading) { return (

) } if (error) { return } return ( <>

{isAdmin ? 'Upload a CODEOWNERS file' : 'Ask your site admin to upload a CODEOWNERS file'}

{!isAdmin && 'A site admin can manually upload a CODEOWNERS file for this repository. '} Each owner must be either a Sourcegraph username, a Sourcegraph team name, or an email address. {isAdmin && ( { setCodeownersIngestedFile(file) telemetryRecorder.recordEvent('repo.ownership.edit.file', 'upload') }} fileAlreadyExists={!!codeownersIngestedFile} /> )}

Commit a CODEOWNERS file

Add a CODEOWNERS file to the root of this repository. Owners must be{' '} {getCodeHostName(repo)} usernames or email addresses. {codeownersIngestedFile && ( Any committed CODEOWNERS file in this repository will be ignored unless the uploaded file is deleted. )}

{codeownersIngestedFile && (

Uploaded CODEOWNERS file

The following CODEOWNERS file was uploaded to Sourcegraph{' '} . {isAdmin && ( { setCodeownersIngestedFile(null) telemetryRecorder.recordEvent('repo.ownership.edit.file', 'delete') }} /> )}

)} ) } const getCodeHostName = (repo: RepositoryFields): string => { const externalServiceKind = repo.externalURLs[0]?.serviceKind switch (externalServiceKind) { case 'GITHUB': { return 'GitHub' } case 'GITLAB': { return 'GitLab' } default: { return 'code host' } } }