import Paper from '@material-ui/core/Paper'; import { makeStyles } from '@material-ui/core/styles'; import React from 'react'; import Author from '../Author'; import { Avatar } from '../Author'; import Content from '../Content'; import Date from '../Date'; import { AddCommentFragment } from './MessageCommentFragment.generated'; import { CreateFragment } from './MessageCreateFragment.generated'; const useStyles = makeStyles(theme => ({ author: { fontWeight: 'bold', }, container: { display: 'flex', }, avatar: { marginTop: 2, }, bubble: { flex: 1, marginLeft: theme.spacing(1), minWidth: 0, }, header: { ...theme.typography.body1, 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.body2, padding: '0 1rem', }, })); type Props = { op: AddCommentFragment | CreateFragment; }; function Message({ op }: Props) { const classes = useStyles(); return (
commented
{op.edited &&
Edited
}
); } export default Message;