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

Perbaikan Project PPOB

Browse Source
This commit is contained in:
ajat91.sudrajat 2021-12-28 16:21:45 +07:00
parent beb3cdf6d1
commit c7d3012bb1
3 changed files with 41 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,6 +15,12 @@ import {
ProfileOutlined, ProfileOutlined,
ShoppingCartOutlined, ShoppingCartOutlined,
UserOutlined, UserOutlined,
IdcardOutlined,
SettingOutlined,
WindowsOutlined,
SlackOutlined,
AppstoreAddOutlined,
AppstoreOutlined,
} from "@ant-design/icons"; } from "@ant-design/icons";
import { AppRoute, LINKS } from "../../routes/app"; import { AppRoute, LINKS } from "../../routes/app";
import { useStore } from "../../utils/useStore"; import { useStore } from "../../utils/useStore";
@ -129,7 +135,7 @@ export const DesktopLayout = observer(() => {
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<Menu.Item key="membership"> <Menu.Item key="membership">
<Link to={LINKS.MEMBERSHIP}> <Link to={LINKS.MEMBERSHIP}>
<FileProtectOutlined /> <IdcardOutlined />
<span>Keanggotaan</span> <span>Keanggotaan</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -137,7 +143,7 @@ export const DesktopLayout = observer(() => {
{store.authentication.userData.role === "Supervisor" && ( {store.authentication.userData.role === "Supervisor" && (
<Menu.Item key="membership"> <Menu.Item key="membership">
<Link to={LINKS.MEMBERSHIP}> <Link to={LINKS.MEMBERSHIP}>
<FileProtectOutlined /> <IdcardOutlined />
<span>Keanggotaan</span> <span>Keanggotaan</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -145,25 +151,25 @@ export const DesktopLayout = observer(() => {
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<SubMenu <SubMenu
key="config" key="config"
icon={<HomeOutlined />} icon={<SettingOutlined />}
title="Config" title="Config"
style={{ backgroundColor: "#e3e8ee" }} style={{ backgroundColor: "#e3e8ee" }}
> >
<Menu.Item key="partner"> <Menu.Item key="partner">
<Link to={LINKS.PARTNER}> <Link to={LINKS.PARTNER}>
<HomeOutlined /> <WindowsOutlined />
<span>Rekanan</span> <span>Rekanan</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="commision"> <Menu.Item key="commision">
<Link to={LINKS.COMMISSION}> <Link to={LINKS.COMMISSION}>
<HomeOutlined /> <SlackOutlined />
<span>Komisi</span> <span>Komisi</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="supplier"> <Menu.Item key="supplier">
<Link to={LINKS.SUPPLIER}> <Link to={LINKS.SUPPLIER}>
<HomeOutlined /> <AppstoreOutlined />
<span>Supplier</span> <span>Supplier</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -172,7 +178,7 @@ export const DesktopLayout = observer(() => {
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<SubMenu <SubMenu
key="product-main" key="product-main"
icon={<DatabaseOutlined />} icon={<AppstoreAddOutlined />}
title="Product" title="Product"
> >
<Menu.Item key="product"> <Menu.Item key="product">
@ -202,7 +208,7 @@ export const DesktopLayout = observer(() => {
{store.authentication.userData.role === "Supervisor" && ( {store.authentication.userData.role === "Supervisor" && (
<Menu.Item key="product"> <Menu.Item key="product">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
<DatabaseOutlined /> <AppstoreAddOutlined />
<span>Produk</span> <span>Produk</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -210,7 +216,7 @@ export const DesktopLayout = observer(() => {
{store.authentication.userData.role === "Admin Partner" && ( {store.authentication.userData.role === "Admin Partner" && (
<Menu.Item key="product"> <Menu.Item key="product">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
<DatabaseOutlined /> <AppstoreAddOutlined />
<span>Produk</span> <span>Produk</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -231,7 +237,8 @@ export const DesktopLayout = observer(() => {
</Link> </Link>
</Menu.Item> </Menu.Item>
)} )}
{store.authentication.userData.role !== "Admin Partner" && store.authentication.userData.role !== "Retail" && ( {store.authentication.userData.role !== "Admin Partner" &&
store.authentication.userData.role !== "Retail" && (
<SubMenu <SubMenu
key="payback-main" key="payback-main"
icon={<ProfileOutlined />} icon={<ProfileOutlined />}

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

@ -16,7 +16,9 @@ import {
CodepenOutlined, CodepenOutlined,
WindowsOutlined, WindowsOutlined,
AliyunOutlined, AliyunOutlined,
SettingOutlined SettingOutlined,
IdcardOutlined,
AppstoreAddOutlined,
} from "@ant-design/icons"; } from "@ant-design/icons";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { useStore } from "../../utils/useStore"; import { useStore } from "../../utils/useStore";
@ -60,7 +62,7 @@ export const MenuList = observer((props) => {
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<Menu.Item key="membership"> <Menu.Item key="membership">
<Link to={LINKS.MEMBERSHIP}> <Link to={LINKS.MEMBERSHIP}>
<FileProtectOutlined /> <IdcardOutlined />
<span>Keanggotaan</span> <span>Keanggotaan</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -68,7 +70,7 @@ export const MenuList = observer((props) => {
{store.authentication.userData.role === "Supervisor" && ( {store.authentication.userData.role === "Supervisor" && (
<Menu.Item key="membership"> <Menu.Item key="membership">
<Link to={LINKS.MEMBERSHIP}> <Link to={LINKS.MEMBERSHIP}>
<FileProtectOutlined /> <IdcardOutlined />
<span>Keanggotaan</span> <span>Keanggotaan</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -96,7 +98,11 @@ export const MenuList = observer((props) => {
</SubMenu> </SubMenu>
)} )}
{store.authentication.userData.role === "Admin" && ( {store.authentication.userData.role === "Admin" && (
<SubMenu key="product-main" icon={<ProfileOutlined />} title="Produk"> <SubMenu
key="product-main"
icon={<AppstoreAddOutlined />}
title="Produk"
>
<Menu.Item key="produk"> <Menu.Item key="produk">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
<AliyunOutlined /> <AliyunOutlined />
@ -124,7 +130,7 @@ export const MenuList = observer((props) => {
{store.authentication.userData.role === "Admin Partner" && ( {store.authentication.userData.role === "Admin Partner" && (
<Menu.Item key="retail"> <Menu.Item key="retail">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
<DatabaseOutlined /> <AppstoreAddOutlined />
<span>Produk</span> <span>Produk</span>
</Link> </Link>
</Menu.Item> </Menu.Item>
@ -132,7 +138,7 @@ export const MenuList = observer((props) => {
{store.authentication.userData.role === "Supervisor" && ( {store.authentication.userData.role === "Supervisor" && (
<Menu.Item key="retail"> <Menu.Item key="retail">
<Link to={LINKS.PRODUCT}> <Link to={LINKS.PRODUCT}>
<DatabaseOutlined /> <AppstoreAddOutlined />
<span>Produk</span> <span>Produk</span>
</Link> </Link>
</Menu.Item> </Menu.Item>

14
src/pages/Home/Home.js
View File

@ -118,7 +118,12 @@ export const Home = observer(() => {
<Row> <Row>
<DropboxOutlined style={{ fontSize: 30 }} /> <DropboxOutlined style={{ fontSize: 30 }} />
<PageHeader title={<span>Total Keuntungan</span>}> <PageHeader title={<span>Total Keuntungan</span>}>
<span>Rp.30.000.000</span> <span>
{new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
}).format(store.authentication.profileData?.wallet || 0)}
</span>
</PageHeader> </PageHeader>
</Row> </Row>
</Card> </Card>
@ -136,7 +141,12 @@ export const Home = observer(() => {
<Row> <Row>
<DollarCircleOutlined style={{ fontSize: 30 }} /> <DollarCircleOutlined style={{ fontSize: 30 }} />
<PageHeader title={<span>Saldo</span>}> <PageHeader title={<span>Saldo</span>}>
<span>Rp.200.000.000 </span> <span>
{new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
}).format(store.authentication.profileData?.wallet || 0)}
</span>
</PageHeader> </PageHeader>
</Row> </Row>
</Card> </Card>