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

Merge branch 'develop' of https://gitlab.com/empatnusabangsa/ppob/ppob-frontend into develop

Browse Source
This commit is contained in:
ajat91 2021-12-16 19:36:47 +07:00
commit 088ef0e27e
3 changed files with 46 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
src/component/CommissionComponent.js
View File

@ -1,25 +1,14 @@
import React, { useEffect, useState } from "react";
import {
Button,
Form,
Input,
message,
Modal,
Select,
Space,
Table,
} from "antd";
import { observer } from "mobx-react-lite";
import { ExclamationCircleOutlined } from "@ant-design/icons";
import { useHistory } from "react-router-dom";
import { capitalize } from "lodash";
import { useStore } from "../utils/useStore";
import { LINKS } from "../routes/app";
import React, {useEffect, useState} from "react";
import {Button, Form, Input, message, Modal, Select, Space, Table,} from "antd";
import {observer} from "mobx-react-lite";
import {useHistory} from "react-router-dom";
import {useStore} from "../utils/useStore";
import {LINKS} from "../routes/app";
export const CommissionComponent = observer((props) => {
const store = useStore();
const [form] = Form.useForm();
const { Option } = Select;
const {Option} = Select;
const history = useHistory();
const [idData, setIdData] = useState("");
const [confirmLoading, setConfirmLoading] = useState(false);
@ -88,33 +77,17 @@ export const CommissionComponent = observer((props) => {
};
const handleSubmit = async (data) => {
console.log(data, "isi data2");
if (idData !== "") {
setConfirmLoading(true);
try {
await store.commission.update(idData, data);
message.success("Success Update Data Member");
} catch (e) {
message.error("Failed Update Data Member");
}
setConfirmLoading(false);
store.commission.visibleModalCommission = false;
setIdData("");
form.resetFields();
} else {
setConfirmLoading(true);
try {
await store.commission.create(data);
message.success("Success Add New Member");
} catch (e) {
console.log(e, "apa errornya");
message.error("Failed Add Member");
}
setConfirmLoading(false);
store.commission.visibleModalCommission = false;
setIdData("");
form.resetFields();
setConfirmLoading(true);
try {
await store.commission.update(idData, data);
message.success("Success Update Data Member");
} catch (e) {
message.error("Failed Update Data Member");
}
setConfirmLoading(false);
store.commission.visibleModalCommission = false;
setIdData("");
form.resetFields();
};
return (
@ -142,26 +115,26 @@ export const CommissionComponent = observer((props) => {
/>
<Modal
visible={store.commission.visibleModalCommission}
title={idData ? "Edit Commission" : "Create a new commission"}
okText={idData ? "Edit" : "Create"}
cancelText="Cancel"
onCancel={() => {
form.resetFields();
handleCancel();
}}
onOk={() => {
form
.validateFields()
.then((values) => {
console.log(values, "isi form");
handleSubmit(values);
form.resetFields();
})
.catch((info) => {
console.error("Validate Failed:", info);
});
}}
visible={store.commission.visibleModalCommission}
title={"Edit Commission"}
okText={"Edit"}
cancelText="Cancel"
onCancel={() => {
form.resetFields();
handleCancel();
}}
onOk={() => {
form
.validateFields()
.then((values) => {
console.log(values, "isi form");
handleSubmit(values);
form.resetFields();
})
.catch((info) => {
console.error("Validate Failed:", info);
});
}}
>
<Form form={form} layout="vertical">
<Form.Item

29
src/component/PartnerComponent.js
View File

@ -1,26 +1,15 @@
import React, { useEffect, useState } from "react";
import {
Button,
Form,
Input,
message,
Modal,
Select,
Space,
Table,
Tag,
} from "antd";
import { observer } from "mobx-react-lite";
import { ExclamationCircleOutlined } from "@ant-design/icons";
import { useHistory } from "react-router-dom";
import { capitalize } from "lodash";
import { useStore } from "../utils/useStore";
import { LINKS } from "../routes/app";
import React, {useEffect, useState} from "react";
import {Button, Form, Input, message, Modal, Select, 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";
export const PartnerComponent = observer((props) => {
const store = useStore();
const [form] = Form.useForm();
const { Option } = Select;
const {Option} = Select;
const history = useHistory();
const [idData, setIdData] = useState("");
const [isChangePassword, setIsChangePassword] = useState(false);
@ -306,7 +295,7 @@ export const PartnerComponent = observer((props) => {
? { required: false }
: {
required: true,
message: "Please input password address!",
message: "Please input address!",
},
]}
>

5
src/store/commission.js
View File

@ -33,11 +33,6 @@ export class Commission {
this.total_data = response.body.total_data ?? 0
}
async create(data) {
const response = await http.post('/users/supplier').send(data);
await this.getData();
return response;
}
async update(id, data) {
const response = await http.put(`/config/commission/${id}`).send(data);