f53a934092
feat: created the compliance details component (no data for now) fix: added missing properties into the gql schema and the compliance details component feat: added another chip type for a neutral situation style: change the property card style for the v1 specs fix: added front facing camera override to schema and components feat: added authorized override (status) column to the customers list table fix: moved name to the front of the phone on the customers list table fix: added sanctions description text on it's card fix: added id icon to the right of the customer name feat: created subpage button component and use it in the customer profile feat: created an image popper component and use it in the customer compliance page fix: added varying sizes to the customer details and id data cards fields refactor: simplify the compliance subpage code
38 lines
835 B
JavaScript
38 lines
835 B
JavaScript
import { makeStyles } from '@material-ui/core/styles'
|
|
import classnames from 'classnames'
|
|
import React, { memo } from 'react'
|
|
|
|
import { Info3, Label1 } from 'src/components/typography'
|
|
import { comet } from 'src/styling/variables'
|
|
|
|
const useStyles = makeStyles({
|
|
field: {
|
|
height: 46
|
|
},
|
|
label: {
|
|
color: comet,
|
|
margin: [[0, 3]]
|
|
},
|
|
value: {
|
|
whiteSpace: 'nowrap',
|
|
overflow: 'hidden',
|
|
textOverflow: 'ellipsis',
|
|
margin: 0,
|
|
paddingLeft: 4
|
|
}
|
|
})
|
|
|
|
const Field = memo(({ label, display, size, className }) => {
|
|
const classes = useStyles()
|
|
|
|
return (
|
|
<div
|
|
className={classnames(classes.field, className)}
|
|
style={{ width: size }}>
|
|
<Label1 className={classes.label}>{label}</Label1>
|
|
<Info3 className={classes.value}>{display}</Info3>
|
|
</div>
|
|
)
|
|
})
|
|
|
|
export default Field
|