import { makeStyles } from '@material-ui/styles'; import Paper from '@material-ui/core/Paper'; import gql from 'graphql-tag'; import React from 'react'; import Author from '../Author'; import { Avatar } from '../Author'; import Date from '../Date'; import Content from '../Content'; const useStyles = makeStyles(theme => ({ author: { fontWeight: 'bold', }, container: { display: 'flex', }, avatar: { marginTop: 2, }, bubble: { flex: 1, marginLeft: theme.spacing.unit, }, header: { ...theme.typography.body2, color: '#444', padding: '0.5rem 1rem', borderBottom: '1px solid #ddd', display: 'flex', }, title: { flex: 1, }, tag: { ...theme.typography.button, color: '#888', border: '#ddd solid 1px', padding: '0 0.5rem', fontSize: '0.75rem', borderRadius: 2, marginLeft: '0.5rem', }, body: { ...theme.typography.body1, padding: '0 1rem', }, })); function Message({ op }) { const classes = useStyles(); return (
commented
{op.edited &&
Edited
}
); } Message.createFragment = gql` fragment Create on TimelineItem { ... on CreateTimelineItem { createdAt ...authored edited message } } ${Author.fragment} `; Message.commentFragment = gql` fragment AddComment on TimelineItem { ... on AddCommentTimelineItem { createdAt ...authored edited message } } ${Author.fragment} `; export default Message;