import React from 'react'; import { Button, ClickAwayListener, Grow, Link, MenuItem, MenuList, Paper, Popper, } from '@material-ui/core'; import Avatar from '@material-ui/core/Avatar'; import { makeStyles } from '@material-ui/core/styles'; import LockIcon from '@material-ui/icons/Lock'; import { useCurrentIdentityQuery } from './CurrentIdentity.generated'; const useStyles = makeStyles((theme) => ({ displayName: { marginLeft: theme.spacing(2), }, hidden: { display: 'none', }, profileLink: { ...theme.typography.button, }, popupButton: { textTransform: 'none', }, })); const CurrentIdentity = () => { const classes = useStyles(); const { loading, error, data } = useCurrentIdentityQuery(); const [open, setOpen] = React.useState(false); const anchorRef = React.useRef(null); if (error || loading || !data?.repository?.userIdentity) return null; const user = data.repository.userIdentity; const handleToggle = () => { setOpen((prevOpen) => !prevOpen); }; const handleClose = (event: any) => { if (anchorRef.current && anchorRef.current.contains(event.target)) { return; } setOpen(false); }; return ( <> {({ TransitionProps, placement }) => ( Open profile )} ); }; export default CurrentIdentity;