refactor(web): remove typescript

packages/web/src/components/AccountDropdownMenu/index.jsx

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { useNavigate } from 'react-router-dom';
+import MenuItem from '@mui/material/MenuItem';
+import Menu from '@mui/material/Menu';
+import { Link } from 'react-router-dom';
+import Can from 'components/Can';
+import apolloClient from 'graphql/client';
+import * as URLS from 'config/urls';
+import useAuthentication from 'hooks/useAuthentication';
+import useFormatMessage from 'hooks/useFormatMessage';
+function AccountDropdownMenu(props) {
+  const formatMessage = useFormatMessage();
+  const authentication = useAuthentication();
+  const navigate = useNavigate();
+  const { open, onClose, anchorEl, id } = props;
+  const logout = async () => {
+    authentication.updateToken('');
+    await apolloClient.clearStore();
+    onClose();
+    navigate(URLS.LOGIN);
+  };
+  return (
+    <Menu
+      anchorEl={anchorEl}
+      anchorOrigin={{
+        vertical: 'bottom',
+        horizontal: 'right',
+      }}
+      id={id}
+      keepMounted
+      transformOrigin={{
+        vertical: 'top',
+        horizontal: 'right',
+      }}
+      open={open}
+      onClose={onClose}
+    >
+      <MenuItem component={Link} to={URLS.SETTINGS_DASHBOARD}>
+        {formatMessage('accountDropdownMenu.settings')}
+      </MenuItem>
+
+      <Can I="read" a="User">
+        <MenuItem component={Link} to={URLS.ADMIN_SETTINGS_DASHBOARD}>
+          {formatMessage('accountDropdownMenu.adminSettings')}
+        </MenuItem>
+      </Can>
+
+      <MenuItem onClick={logout} data-test="logout-item">
+        {formatMessage('accountDropdownMenu.logout')}
+      </MenuItem>
+    </Menu>
+  );
+}
+export default AccountDropdownMenu;