Function SelectedRepo

client/src/components/Layout/SelectedRepo/index.tsx:10–33

(props: Props)

}

export default function SelectedRepo(props: Props) {
  const viewer = useFragment(
    graphql`
      fragment SelectedRepo_viewer on User {
        selectedRepo {
          displayColor
          fullName
          isPrivate
        }
      }
    `,
    props.viewer,
  )

  const repo = viewer.selectedRepo
  if (!repo || !repo.isPrivate) return null
  const backgroundColor = repo.displayColor as string

  return (
    <div className="SelectedRepo-banner" style={{ backgroundColor }}>
      <h2>{repo.fullName || 'Personal repo'}</h2>
    </div>
  )
}