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