import * as React from 'react' import classNames from 'classnames' import { useNavigate } from 'react-router-dom' import { logger } from '@sourcegraph/common' import { useQuery } from '@sourcegraph/http-client' import type { TelemetryV2Props } from '@sourcegraph/shared/src/telemetry' import type { TelemetryProps } from '@sourcegraph/shared/src/telemetry/telemetryService' import { ErrorAlert, LoadingSpinner } from '@sourcegraph/wildcard' import type { FetchOwnershipResult, FetchOwnershipVariables } from '../../../graphql-operations' import { OwnershipAssignPermission } from '../../../rbac/constants' import { FETCH_OWNERS } from './grapqlQueries' import { MakeOwnerButton } from './MakeOwnerButton' import { OwnerList } from './OwnerList' import type { OwnershipPanelProps } from './TreeOwnershipPanel' import styles from './FileOwnershipPanel.module.scss' export const FileOwnershipPanel: React.FunctionComponent = ({ repoID, revision, filePath, telemetryService, telemetryRecorder, }) => { React.useEffect(() => { telemetryService.log('OwnershipPanelOpened') telemetryRecorder.recordEvent('repo.blob.ownershipPanel', 'open') }, [telemetryService, telemetryRecorder]) const { data, loading, error, refetch } = useQuery(FETCH_OWNERS, { variables: { repo: repoID, revision: revision ?? '', currentPath: filePath, }, }) const [makeOwnerError, setMakeOwnerError] = React.useState(undefined) const navigate = useNavigate() const refreshPage = (): Promise => Promise.resolve(navigate(0)) if (loading) { return (

) } const canAssignOwners = (data?.currentUser?.permissions?.nodes || []).some( permission => permission.displayName === OwnershipAssignPermission ) const makeOwnerButton = canAssignOwners ? (userId: string | undefined) => ( ) : undefined if (error) { logger.log(error) return (

) } if (data?.node?.__typename === 'Repository') { const commit = data.node.commit || data.node.changelist?.commit return ( ) } return ( ) }