1import React from 'react';
 2
 3import { MenuItem, MenuList } from '@material-ui/core';
 4import Avatar from '@material-ui/core/Avatar';
 5import { makeStyles } from '@material-ui/core/styles';
 6
 7import { useCurrentIdentityQuery } from '../../components/CurrentIdentity/CurrentIdentity.generated';
 8
 9const useStyles = makeStyles((theme) => ({}));
10
11const Identity = () => {
12  const classes = useStyles();
13  const { loading, error, data } = useCurrentIdentityQuery();
14  const user = data?.repository?.userIdentity;
15  console.log(user);
16  return (
17    <main>
18      <h1>Profile</h1>
19      <Avatar src={user?.avatarUrl ? user.avatarUrl : undefined}>
20        {user?.displayName.charAt(0).toUpperCase()}
21      </Avatar>
22      <ul>
23        <li>Name: {user?.name ? user?.name : 'none'}</li>
24        <li title={user?.id}>Id: {user?.humanId ? user?.humanId : 'none'}</li>
25        <li>Email: {user?.email ? user?.email : 'none'}</li>
26        <li>Login: {user?.login ? user?.login : 'none'}</li>
27        <li>Protected: {user?.isProtected}</li>
28      </ul>
29    </main>
30  );
31};
32
33export default Identity;