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

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

@ -9,6 +9,7 @@ import {
FileProtectOutlined,
FileSyncOutlined,
HomeOutlined,
LogoutOutlined,
MenuOutlined,
PayCircleOutlined,
ProfileOutlined,
@ -353,41 +354,45 @@ export const DesktopLayout = observer(() => {
autoAdjustOverflow={true}
placement="bottomRight"
content={
<Menu
type={"line"}
inlineIndent={0}
theme="light"
style={{
backgroundColor: "transparent",
borderRightWidth: 0,
}}
mode="inline"
>
<Menu.Item>
<Link to={LINKS.PROFILE}>
<span>Profile</span>
</Link>
</Menu.Item>
<Menu.Item
onClick={() => {
store.authentication.logout();
history.push("/login");
}}
<Menu
type={"line"}
inlineIndent={0}
theme="light"
style={{
backgroundColor: "transparent",
borderRightWidth: 0,
}}
mode="inline"
>
<span>Sign out</span>
</Menu.Item>
</Menu>
{store.authentication.userData.role !== "Admin" && <Menu.Item>
<Link to={LINKS.PROFILE}>
<UserOutlined/>
<span>Profile</span>
</Link>
</Menu.Item>
}
<Menu.Item
onClick={() => {
store.authentication.logout();
history.push("/login");
}}
>
<LogoutOutlined/>
<span>Sign out</span>
</Menu.Item>
</Menu>
}
title={
<Text>
{store.user.data.username}
<Paragraph
style={{ fontWeight: 400 }}
type={"secondary-dark"}
>
{store.authentication.userData.username}
</Paragraph>
</Text>
<Text>
{store.user.data.username}
<Paragraph
style={{fontWeight: 400, marginTop: '0.5rem'}}
type={"secondary-dark"}
strong
>
{store.authentication.userData.username}
</Paragraph>
</Text>
}
trigger="click"
visible={clicked}
@ -475,6 +480,7 @@ export const DesktopLayout = observer(() => {
history.push("/login");
}}
>
<LogoutOutlined/>
<span>Sign out</span>
</Menu.Item>
</Menu>