aboutsummaryrefslogblamecommitdiffstats
path: root/webui/src/Author.tsx
blob: 20de583a338cc048ea813bb0a7be461ea4c634ee (plain) (tree)
1
2
3
4
5
6
7
8
9
                                               
                                                        
                          
 



                                                      
                      
                                                        

   

                                  
                                                  
              

    
 
                                                        







                                                               
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 <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;