Function RepoOwnership

client/src/components/ui/RepoOwnership/index.tsx:10–27

(props: Props)

}

export default function RepoOwnership(props: Props) {
  if (!props.showRepoOwnership) return null

  const repoColors = props.repoColors
  const width = repoColors.length === 0 ? '100%' : `${100 / repoColors.length}%`

  return (
    <span className="Progress RepoOwnership">
      {repoColors.map((color, index) =>
        <span
          key={index}
          className="Progress-item"
          style={{ backgroundColor: color as string, width }}
        />,
      )}
    </span>
  )
}