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

fix: merge error menu list

Browse Source
This commit is contained in:
caturbgs 2021-12-15 15:33:12 +07:00
parent d54e2a8669
commit fa85699760
1 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/pages/App/MenuList.js
View File

@ -4,15 +4,14 @@ import {Link} from "react-router-dom";
import { import {
AppstoreOutlined, AppstoreOutlined,
DatabaseOutlined, DatabaseOutlined,
FileAddOutlined,
FileProtectOutlined, FileProtectOutlined,
FileSyncOutlined,
HomeOutlined, HomeOutlined,
MenuUnfoldOutlined, MenuUnfoldOutlined,
MoneyCollectOutlined, MoneyCollectOutlined,
ProjectOutlined,
FileProtectOutlined,
FileAddOutlined,
FileSyncOutlined,
ProfileOutlined, ProfileOutlined,
ProjectOutlined,
UserOutlined, UserOutlined,
} from "@ant-design/icons"; } from "@ant-design/icons";
import {observer} from "mobx-react-lite"; import {observer} from "mobx-react-lite";
@ -113,12 +112,14 @@ export const MenuList = observer((props) => {
</Menu.Item> </Menu.Item>
</SubMenu> </SubMenu>
)} )}
{store.authentication.userData.role === ("Retail" || "Admin") && ( {store.authentication.userData.role === ("Retail" || "Admin") && (
<Menu.Item key="transaction"> <Menu.Item key="transaction">
<Link to={LINKS.TRANSACTION}> <Link to={LINKS.TRANSACTION}>
<HomeOutlined /> <HomeOutlined/>
<span>Transaction</span> <span>Transaction</span>
</Link> </Link>
</Menu.Item>
)}
{store.authentication.userData.role !== "Retail" && ( {store.authentication.userData.role !== "Retail" && (
<Menu.Item key="product"> <Menu.Item key="product">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
@ -144,16 +145,16 @@ export const MenuList = observer((props) => {
<Menu.Item key="profile"> <Menu.Item key="profile">
<Link to={LINKS.PROFILE}> <Link to={LINKS.PROFILE}>
<UserOutlined /> <UserOutlined />
<span>Profile</span> <span>Profile</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
{/*<Menu.Item key="about">*/} {/*<Menu.Item key="about">*/}
{/* <Link to={'/app/about'}>*/} {/* <Link to={'/app/about'}>*/}
{/* <CalendarOutlined/>*/} {/* <CalendarOutlined/>*/}
{/* <span>About</span>*/} {/* <span>About</span>*/}
{/* </Link>*/} {/* </Link>*/}
{/*</Menu.Item>*/} {/*</Menu.Item>*/}
<Menu.Divider style={{ background: "transparent", paddingTop: 15 }} /> <Menu.Divider style={{background: "transparent", paddingTop: 15}}/>
</Menu.Item> </Menu>
); );
}); });