feat: not used create commission

This commit is contained in:
caturbgs 2021-12-16 19:02:39 +07:00
parent ba01132cd4
commit b89eebb59b
3 changed files with 46 additions and 89 deletions

View File

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

View File

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

View File

@ -33,11 +33,6 @@ export class Commission {
this.total_data = response.body.total_data ?? 0 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) { async update(id, data) {
const response = await http.put(`/config/commission/${id}`).send(data); const response = await http.put(`/config/commission/${id}`).send(data);