import { makeStyles } from '@material-ui/core/styles'; import React from 'react'; import Author from '../Author'; import Date from '../Date'; import Label from '../Label'; import { LabelChangeFragment } from './LabelChangeFragment.generated'; const useStyles = makeStyles(theme => ({ main: { ...theme.typography.body1, marginLeft: theme.spacing(1) + 40, }, author: { fontWeight: 'bold', }, })); type Props = { op: LabelChangeFragment; }; function LabelChange({ op }: Props) { const { added, removed } = op; const classes = useStyles(); return (
{added.length > 0 && added the } {added.map((label, index) => (
); } export default LabelChange;