blob: 9ac1da527d67ec6c32aa12ce11db8bd901d42299 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
import React from 'react';
import MAvatar from '@material-ui/core/Avatar';
import Tooltip from '@material-ui/core/Tooltip/Tooltip';
import { AuthoredFragment } from './fragments.generated';
type Props = AuthoredFragment & {
className?: string;
bold?: boolean;
};
const Author = ({ author, ...props }: Props) => {
if (!author.email) {
return <span {...props}>{author.displayName}</span>;
}
return (
<Tooltip title={author.email}>
<span {...props}>{author.displayName}</span>
</Tooltip>
);
};
export const Avatar = ({ author, ...props }: Props) => {
if (author.avatarUrl) {
return <MAvatar src={author.avatarUrl} {...props} />;
}
return <MAvatar {...props}>{author.displayName[0]}</MAvatar>;
};
export default Author;
|