Function StateBadge

src/components/state-badge.component.js:28–64

({
  issue,
  isMerged,
  text,
  type,
  style,
  locale,
}: Props)

`;

export const StateBadge = ({
  issue,
  isMerged,
  text,
  type,
  style,
  locale,
}: Props) => {
  let issueState = type;
  let issueText = text;

  if (isMerged) {
    issueState = 'merged';
    issueText = t('Merged', locale);
  } else if (issue && issue.state === 'open') {
    issueState = 'open';
    issueText = t('Open', locale);
  } else if (issue && issue.state === 'closed') {
    issueState = 'closed';
    issueText = t('Closed', locale);
  }

  const stateColor = {
    merged: colors.purple,
    open: colors.green,
    closed: colors.red,
  };
  const issueStateColor = stateColor[issueState]
    ? stateColor[issueState]
    : colors.gray;

  return (
    <Badge color={issueStateColor} style={style}>
      <BadgeText>{issueText}</BadgeText>
    </Badge>
  );
};