import { withStyles } from '@material-ui/core/styles'; import gql from 'graphql-tag'; import React from 'react'; import Author from '../Author'; import Date from '../Date'; import Label from '../Label'; const styles = theme => ({ main: { ...theme.typography.body2, }, }); const LabelChange = ({ op, classes }) => { const { added, removed } = op; return (
{added.length > 0 && added the } {added.map((label, index) => (
); }; LabelChange.fragment = gql` fragment LabelChange on Operation { ... on LabelChangeOperation { date author { name email } added removed } } `; export default withStyles(styles)(LabelChange);