diff options
author | Quentin Gliech <quentingliech@gmail.com> | 2020-02-04 22:03:21 +0100 |
---|---|---|
committer | Quentin Gliech <quentingliech@gmail.com> | 2020-02-11 20:54:37 +0100 |
commit | 022f510369688084af5bcf314a97fd332d7ee265 (patch) | |
tree | 0adf3ac82d487712f095a7692b51aaefb680be72 /webui/src/CurrentIdentity.tsx | |
parent | 6a502c145bd8f2e2e1a9c0b103c11f0433c60737 (diff) | |
download | git-bug-022f510369688084af5bcf314a97fd332d7ee265.tar.gz |
webui: convert more things to typescript
Diffstat (limited to 'webui/src/CurrentIdentity.tsx')
-rw-r--r-- | webui/src/CurrentIdentity.tsx | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/webui/src/CurrentIdentity.tsx b/webui/src/CurrentIdentity.tsx new file mode 100644 index 00000000..0a697cdd --- /dev/null +++ b/webui/src/CurrentIdentity.tsx @@ -0,0 +1,31 @@ +import React from 'react'; +import Avatar from '@material-ui/core/Avatar'; +import { makeStyles } from '@material-ui/core/styles'; + +import { useCurrentIdentityQuery } from './CurrentIdentity.generated'; + +const useStyles = makeStyles(theme => ({ + displayName: { + marginLeft: theme.spacing(2), + }, +})); + +const CurrentIdentity = () => { + const classes = useStyles(); + const { loading, error, data } = useCurrentIdentityQuery(); + + if (error || loading || !data?.defaultRepository?.userIdentity) + return null; + + const user = data.defaultRepository.userIdentity; + return ( + <> + <Avatar src={user.avatarUrl ? user.avatarUrl : undefined}> + {user.displayName.charAt(0).toUpperCase()} + </Avatar> + <div className={classes.displayName}>{user.displayName}</div> + </> + ); +}; + +export default CurrentIdentity; |