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

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

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

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

@ -118,7 +118,12 @@ export const Home = observer(() => {
<Row>
<DropboxOutlined style={{ fontSize: 30 }} />
<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>
</Row>
</Card>
@ -136,7 +141,12 @@ export const Home = observer(() => {
<Row>
<DollarCircleOutlined style={{ fontSize: 30 }} />
<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>
</Row>
</Card>