b8e0c2175b
* fix: eslint warnings * refactor: use ramda + sanctuary instead of lodash * refactor: use prettier-standard for formatting * feat: enable security * feat: add graphql * chore: remove trailing commas from linter * docs: new scripts on react and new-admin-server * feat: handle authentication on graphql * fix: perf improvement to date picker * chore: add insecure-dev script to run servers
35 lines
749 B
JavaScript
35 lines
749 B
JavaScript
import { makeStyles } from '@material-ui/styles'
|
|
import classnames from 'classnames'
|
|
import React from 'react'
|
|
|
|
import { Label1 } from './typography'
|
|
|
|
const useStyles = makeStyles({
|
|
wrapper: {
|
|
display: 'flex',
|
|
alignItems: 'center'
|
|
},
|
|
colorIndicator: {
|
|
borderRadius: 3,
|
|
height: 12,
|
|
width: 12,
|
|
marginRight: 8
|
|
}
|
|
})
|
|
|
|
const TableLabel = ({ className, label, color, ...props }) => {
|
|
const classes = useStyles()
|
|
return (
|
|
<div className={classnames(classes.wrapper, className)} {...props}>
|
|
{color && (
|
|
<div
|
|
className={classes.colorIndicator}
|
|
style={{ backgroundColor: color }}
|
|
/>
|
|
)}
|
|
<Label1 {...props}>{label}</Label1>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default TableLabel
|