import { makeStyles } from '@material-ui/styles'; import gql from 'graphql-tag'; import React from 'react'; import Author from '../Author'; import Date from '../Date'; import Label from '../Label'; const useStyles = makeStyles(theme => ({ main: { ...theme.typography.body2, marginLeft: theme.spacing.unit + 40, }, author: { fontWeight: 'bold', }, })); function LabelChange({ op }) { const { added, removed } = op; const classes = useStyles(); return (
{added.length > 0 && added the } {added.map((label, index) => (
); } LabelChange.fragment = gql` fragment LabelChange on TimelineItem { ... on LabelChangeTimelineItem { date author { name email displayName } added { ...Label } removed { ...Label } } } ${Label.fragment} `; export default LabelChange;