21 lines
599 B
TypeScript
21 lines
599 B
TypeScript
import { Menu, MenuItem } from '@material-ui/core';
|
|
import React, { useContext } from 'react';
|
|
import { CASContext } from '../contexts/CASProvider';
|
|
|
|
interface ProfileProps {
|
|
anchorEl: HTMLElement | null;
|
|
handleClose: () => void;
|
|
}
|
|
|
|
export const Profile = ({ anchorEl, handleClose }: ProfileProps) => {
|
|
const { logout } = useContext(CASContext)!;
|
|
|
|
return (
|
|
<Menu anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
|
|
<MenuItem>Profile</MenuItem>
|
|
<MenuItem>My account</MenuItem>
|
|
<MenuItem onClick={logout}>Logout</MenuItem>
|
|
</Menu>
|
|
);
|
|
};
|