tachybase_todo/packages/client/src/user/CurrentUser.tsx
chenos 271e91b452
feat: improve acl module (#283)
* feat: improve code

* fix: rowKey

* fix: ctx.state.currentUser

* fix: improve code

* fix: menu item permission

* fix: x-acl-action

* fix: skipScopeCheck

* feat: relationship resource permission

* fix: createdById
2022-04-12 12:02:58 +08:00

54 lines
1.8 KiB
TypeScript

import { Dropdown, Menu } from 'antd';
import React, { createContext, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useHistory } from 'react-router-dom';
import { useAPIClient, useCurrentUserContext } from '..';
import { ChangePassword } from './ChangePassword';
import { EditProfile } from './EditProfile';
import { LanguageSettings } from './LanguageSettings';
import { SwitchRole } from './SwitchRole';
export const DropdownVisibleContext = createContext(null);
export const CurrentUser = () => {
const history = useHistory();
const api = useAPIClient();
const { t } = useTranslation();
const [visible, setVisible] = useState(false);
const { data } = useCurrentUserContext();
return (
<div style={{ display: 'inline-block', verticalAlign: 'top' }}>
<DropdownVisibleContext.Provider value={{ visible, setVisible }}>
<Dropdown
visible={visible}
onVisibleChange={(visible) => {
setVisible(visible);
}}
overlay={
<Menu>
<EditProfile />
<ChangePassword />
<SwitchRole />
<LanguageSettings />
<Menu.Divider />
<Menu.Item
onClick={async () => {
await api.resource('users').signout();
api.setBearerToken(null);
history.push('/signin');
}}
>
{t('Sign out')}
</Menu.Item>
</Menu>
}
>
<span style={{ cursor: 'pointer', border: 0, padding: '16px', color: 'rgba(255, 255, 255, 0.65)' }}>
{data?.data?.nickname || data?.data?.email}
</span>
</Dropdown>
</DropdownVisibleContext.Provider>
</div>
);
};