aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/Author.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/Author.tsx')
-rw-r--r--webui/src/Author.tsx32
1 files changed, 32 insertions, 0 deletions
diff --git a/webui/src/Author.tsx b/webui/src/Author.tsx
new file mode 100644
index 00000000..852cd2b7
--- /dev/null
+++ b/webui/src/Author.tsx
@@ -0,0 +1,32 @@
+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 & {
+ 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;