import MAvatar from '@material-ui/core/Avatar'; import Tooltip from '@material-ui/core/Tooltip/Tooltip'; import React from 'react'; import { AuthoredFragment } from './Author.generated'; type Props = AuthoredFragment; const Author = ({ author, ...props }: Props) => { if (!author.email) { return {author.displayName}; } return ( {author.displayName} ); }; export const Avatar = ({ author, ...props }: Props) => { if (author.avatarUrl) { return ; } return {author.displayName[0]}; }; export default Author;