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

Tambah Role Customer Service

Browse Source
This commit is contained in:
ajat91.sudrajat
2022-02-03 12:14:23 +07:00
parent 8d7d7369f4
commit 238eeb92ce
13 changed files with 476 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/Config/Partner.js
View File

@@ -1,14 +1,14 @@
import React, {useContext, useEffect, useState} from "react";
import {Button, Card, Col, Input, Row, Tabs,message} from "antd";
import {FilterOutlined, PlusSquareOutlined,} from "@ant-design/icons";
import {BreadcumbComponent} from "../../component/BreadcumbComponent";
import {useStore} from "../../utils/useStore";
import {observer} from "mobx-react-lite";
import {PartnerComponent} from "../../component/PartnerComponent";
import {LINKS} from "../../routes/app";
import {ModalLoaderContext} from "../../utils/modal";
import React, { useContext, useEffect, useState } from "react";
import { Button, Card, Col, Input, Row, Tabs, message } from "antd";
import { FilterOutlined, PlusSquareOutlined } from "@ant-design/icons";
import { BreadcumbComponent } from "../../component/BreadcumbComponent";
import { useStore } from "../../utils/useStore";
import { observer } from "mobx-react-lite";
import { PartnerComponent } from "../../component/PartnerComponent";
import { LINKS } from "../../routes/app";
import { ModalLoaderContext } from "../../utils/modal";
const {Search} = Input;
const { Search } = Input;
export const Partner = observer(() => {
const store = useStore();
@@ -40,22 +40,22 @@ export const Partner = observer(() => {
},
{
route: LINKS.PARTNER,
name: <span style={{fontWeight: 'bold'}}>Rekanan</span>,
name: <span style={{ fontWeight: "bold" }}>Rekanan</span>,
},
];
return (
<div className={["ppob-container"].join(" ")}>
<BreadcumbComponent data={routeData}/>
<BreadcumbComponent data={routeData} />
<Card>
<Row style={{marginBottom: 20}}>
<Row style={{ marginBottom: 20 }}>
{/* <Col span={12}>
<Button>
<FilterOutlined/>
Filter
</Button>
</Col> */}
<Col span={24} style={{textAlign: "right"}}>
<Col span={24} style={{ textAlign: "right" }}>
{/* <Search
placeholder="input search text"
style={{
@@ -64,12 +64,16 @@ export const Partner = observer(() => {
marginBottom: store.ui.mediaQuery.isMobile ? 10 : 0,
}}
/> */}
<Button onClick={() => store.partner.visibleModalPartner = true}>
<PlusSquareOutlined/> New
</Button>
{store.authentication.userData.role !== "Customer Service" && (
<Button
onClick={() => (store.partner.visibleModalPartner = true)}
>
<PlusSquareOutlined /> New
</Button>
)}
</Col>
</Row>
<PartnerComponent/>
<PartnerComponent />
</Card>
</div>
);

16
src/pages/Config/Supplier.js
View File

@@ -1,4 +1,4 @@
import React, {useContext, useEffect, useState} from "react";
import React, { useContext, useEffect, useState } from "react";
import {
Button,
Card,
@@ -21,7 +21,7 @@ import { useStore } from "../../utils/useStore";
import { observer } from "mobx-react-lite";
import { SupplierComponent } from "../../component/SupplierComponent";
import { LINKS } from "../../routes/app";
import {ModalLoaderContext} from "../../utils/modal";
import { ModalLoaderContext } from "../../utils/modal";
const { Search } = Input;
@@ -80,11 +80,13 @@ export const Supplier = observer(() => {
}}
onSearch={(value) => console.log(value)}
/> */}
<Button
onClick={() => (store.supplier.visibleModalSupplier = true)}
>
<PlusSquareOutlined /> New
</Button>
{store.authentication.userData.role !== "Customer Service" && (
<Button
onClick={() => (store.supplier.visibleModalSupplier = true)}
>
<PlusSquareOutlined /> New
</Button>
)}
</Col>
</Row>
<SupplierComponent />