All files / src/components status-label.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {BorderBox, StyledOcticon, Flex, Text} from '@primer/components'
import {DotFillIcon} from '@primer/octicons-react'
import React from 'react'
 
const STATUS_COLORS = {
  stable: 'green.6',
  new: 'green.6',
  experimental: 'yellow.7',
  review: 'yellow.7',
  deprecated: 'red.6',
}
 
function getStatusColor(status) {
  return STATUS_COLORS[status.toLowerCase()] || 'gray.5'
}
 
function StatusLabel({status}) {
  return (
    <BorderBox display="inline-block" px={2} py={1}>
      <Flex alignItems="center">
        <StyledOcticon icon={DotFillIcon} color={getStatusColor(status)} mr={2} />
        <Text fontSize={1}>{status}</Text>
      </Flex>
    </BorderBox>
  )
}
 
export default StatusLabel