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

fix: add membership owner

Browse Source
This commit is contained in:
rarsyansyahr
2021-12-17 06:01:12 +07:00
parent 068444fb07
commit 4f82f9d978
5 changed files with 173 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/component/PartnerComponent.js
View File

@@ -257,6 +257,19 @@ export const PartnerComponent = observer((props) => {
<Input />
</Form.Item>
)}
{!idData && (
<Form.Item
name="owner"
label="Owner"
rules={[
idData
? { required: false }
: { required: true, message: "Please input password owner!" },
]}
>
<Input />
</Form.Item>
)}
{((idData && isChangePassword) || !idData) && (
<Form.Item
name="password_account"
@@ -289,7 +302,7 @@ export const PartnerComponent = observer((props) => {
</Form.Item>
<Form.Item
name="address"
label="address"
label="Address"
rules={[
idData
? { required: false }

71
src/component/SupplierComponent.js
View File

@@ -1,11 +1,11 @@
import React, {useState} from "react";
import {Button, Form, Input, message, Modal, Space, Table, Tag} from "antd";
import {observer} from "mobx-react-lite";
import {ExclamationCircleOutlined} from "@ant-design/icons";
import {useHistory} from "react-router-dom";
import {useStore} from "../utils/useStore";
import {LINKS} from "../routes/app";
import {TopupsaldoModal} from "./TopupsaldoModal";
import React, { useState } from "react";
import { Button, Form, Input, message, Modal, Space, Table, Tag } from "antd";
import { observer } from "mobx-react-lite";
import { ExclamationCircleOutlined } from "@ant-design/icons";
import { useHistory } from "react-router-dom";
import { useStore } from "../utils/useStore";
import { LINKS } from "../routes/app";
import { TopupsaldoModal } from "./TopupsaldoModal";
export const SupplierComponent = observer((props) => {
const store = useStore();
@@ -65,6 +65,11 @@ export const SupplierComponent = observer((props) => {
dataIndex: ["coa", "amount"],
key: ["coa", "amount"],
width: "20%",
render: (text, record) =>
new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
}).format(text),
},
{
title: "Status",
@@ -72,12 +77,12 @@ export const SupplierComponent = observer((props) => {
key: "status",
width: "5%",
render: (text, record) => (
<Tag
color={record?.status === true ? "processing" : "#E3E8EE"}
style={{color: "#4F566B"}}
>
{record?.status === true ? " ACTIVE" : "INACTIVE"}
</Tag>
<Tag
color={record?.status === true ? "processing" : "#E3E8EE"}
style={{ color: "#4F566B" }}
>
{record?.status === true ? " ACTIVE" : "INACTIVE"}
</Tag>
),
},
{
@@ -85,15 +90,15 @@ export const SupplierComponent = observer((props) => {
key: "action",
width: "20%",
render: (text, record) => (
<Space size="middle">
<Button
type={record?.status === true ? "danger" : "primary"}
onClick={() => changeStatus(record?.id, record?.status)}
>
{record?.status === true ? "INACTIVE" : "ACTIVE"}
</Button>
<Button onClick={() => handleTopup(record)}> Top Up Saldo</Button>
<Button onClick={() => handleEditButton(record)}>Edit</Button>
<Space size="middle">
<Button
type={record?.status === true ? "danger" : "primary"}
onClick={() => changeStatus(record?.id, record?.status)}
>
{record?.status === true ? "INACTIVE" : "ACTIVE"}
</Button>
<Button onClick={() => handleTopup(record)}> Top Up Saldo</Button>
<Button onClick={() => handleEditButton(record)}>Edit</Button>
</Space>
),
},
@@ -212,18 +217,18 @@ export const SupplierComponent = observer((props) => {
>
<Input />
</Form.Item>
{!idData &&
<Form.Item
name="code"
label="Kode"
rules={[{required: true, message: "Please input kode!"}]}
>
<Input/>
</Form.Item>
}
{!idData && (
<Form.Item
name="code"
label="Kode"
rules={[{ required: true, message: "Please input kode!" }]}
>
<Input />
</Form.Item>
)}
</Form>
</Modal>
<TopupsaldoModal code={store.supplier.code}/>
<TopupsaldoModal code={store.supplier.code} />
</div>
);
});