PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: add logout icon, and hide profile menu on admin

Browse Source
This commit is contained in:
caturbgs 2021-12-22 20:18:38 +07:00
parent a115d8488b
commit fa3fff13f6
1 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/App/DesktopLayout.js
View File

@ -9,6 +9,7 @@ import {
FileProtectOutlined, FileProtectOutlined,
FileSyncOutlined, FileSyncOutlined,
HomeOutlined, HomeOutlined,
LogoutOutlined,
MenuOutlined, MenuOutlined,
PayCircleOutlined, PayCircleOutlined,
ProfileOutlined, ProfileOutlined,
@ -363,17 +364,20 @@ export const DesktopLayout = observer(() => {
}} }}
mode="inline" mode="inline"
> >
<Menu.Item> {store.authentication.userData.role !== "Admin" && <Menu.Item>
<Link to={LINKS.PROFILE}> <Link to={LINKS.PROFILE}>
<UserOutlined/>
<span>Profile</span> <span>Profile</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
}
<Menu.Item <Menu.Item
onClick={() => { onClick={() => {
store.authentication.logout(); store.authentication.logout();
history.push("/login"); history.push("/login");
}} }}
> >
<LogoutOutlined/>
<span>Sign out</span> <span>Sign out</span>
</Menu.Item> </Menu.Item>
</Menu> </Menu>
@ -382,8 +386,9 @@ export const DesktopLayout = observer(() => {
<Text> <Text>
{store.user.data.username} {store.user.data.username}
<Paragraph <Paragraph
style={{ fontWeight: 400 }} style={{fontWeight: 400, marginTop: '0.5rem'}}
type={"secondary-dark"} type={"secondary-dark"}
strong
> >
{store.authentication.userData.username} {store.authentication.userData.username}
</Paragraph> </Paragraph>
@ -475,6 +480,7 @@ export const DesktopLayout = observer(() => {
history.push("/login"); history.push("/login");
}} }}
> >
<LogoutOutlined/>
<span>Sign out</span> <span>Sign out</span>
</Menu.Item> </Menu.Item>
</Menu> </Menu>