primer-react/src/MergeStatus.js

Primer react components

import React from 'react'
import PropTypes from 'prop-types'
import Octicon, {GitMerge} from '@github/octicons-react'
import StateLabel from './StateLabel'

const stateColorMap = {
  ready: 'green',
  invalid: 'invalid',
  merged: 'purple',
  pending: 'yellow'
}

const octicon = <Octicon icon={GitMerge} size="medium" />

const MergeStatus = ({state}) => <StateLabel scheme={stateColorMap[state]} icon={octicon} />

MergeStatus.propTypes = {
  state: PropTypes.oneOf(['ready', 'invalid', 'merged', 'pending']).isRequired
}

export default MergeStatus