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

feat: change status partner & membership

Browse Source
This commit is contained in:
rarsyansyahr
2021-12-15 18:14:02 +07:00
parent 08b82c55ab
commit d0b2aec893
7 changed files with 245 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/component/PartnerComponent.js
View File

@@ -40,6 +40,21 @@ export const PartnerComponent = observer((props) => {
init();
}, []);
const changeStatus = async (id, isActive) => {
const status = isActive ? "inactive" : "active";
const status2 = isActive ? "Inactivating" : "Activating";
try {
const response = await store.partner.changeStatus(id, status);
response?.body?.statusCode === 201
? message.success(`Success ${status2} Partner`)
: message.error(`Failed ${status2} Partner`);
} catch (err) {
console.log("error", err);
message.error(`Failed ${status2} Partner`);
}
};
const handleEditButton = (data) => {
console.log(data, "isi data");
form.setFieldsValue({
@@ -72,9 +87,13 @@ export const PartnerComponent = observer((props) => {
dataIndex: "status",
key: "status",
render: (text, record) => (
<Button size="small" type={record?.status === true ? "primary" : "danger"}>
{record?.status === true ? " ACTIVE" : "INACTIVE"}
</Button>
<Tag
color={record?.status === true ? "processing" : "#E3E8EE"}
style={{ color: "#4F566B", cursor: 'pointer' }}
onClick={() => changeStatus(record?.id, record?.status)}
>
{record?.status === true ? " ACTIVE" : "INACTIVE"}
</Tag>
),
},
{

52
src/component/SupplierComponent.js
View File

@@ -45,16 +45,26 @@ export const SupplierComponent = observer((props) => {
form.setFieldsValue({
name: data.name,
code: data.code,
status:data.status
status: data.status,
});
store.supplier.visibleModalSupplier = true;
setIdData(data.id);
};
const changeStatus = (id, isActive) => {
const status = isActive ? "inactive" : "active"
store.supplier.changeStatus(id, status)
}
const changeStatus = async (id, isActive) => {
const status = isActive ? "inactive" : "active";
const status2 = isActive ? "Inactivating" : "Activating";
try {
const response = await store.supplier.changeStatus(id, status);
response?.body?.statusCode === 201
? message.success(`Success ${status2} Supplier`)
: message.error(`Failed ${status2} Supplier`);
} catch (err) {
console.log("error", err);
message.error(`Failed ${status2} Supplier`);
}
};
const columns = [
{
@@ -74,7 +84,7 @@ export const SupplierComponent = observer((props) => {
render: (text, record) => (
<Tag
color={record?.status === true ? "processing" : "#E3E8EE"}
style={{ color: "#4F566B", cursor: 'pointer' }}
style={{ color: "#4F566B", cursor: "pointer" }}
onClick={() => changeStatus(record?.id, record?.status)}
>
{record?.status === true ? " ACTIVE" : "INACTIVE"}
@@ -125,7 +135,7 @@ export const SupplierComponent = observer((props) => {
setIdData("");
store.supplier.visibleModalSupplier = false;
};
const handleCancelTransaction= () => {
const handleCancelTransaction = () => {
store.supplier.visibleModalTransaction = false;
};
@@ -162,21 +172,19 @@ export const SupplierComponent = observer((props) => {
const handleSubmitTransaction = async (data) => {
console.log(data, "isi data2");
setConfirmLoading(true);
try {
await store.supplier.createTransaction(data);
message.success("Success Top Up");
//await store.supplier.getData()
} catch (e) {
console.log(e, "apa errornya");
message.error("Failed Top Up");
}
setConfirmLoading(false);
store.supplier.visibleModalTransaction = false;
form.resetFields();
};
setConfirmLoading(true);
try {
await store.supplier.createTransaction(data);
message.success("Success Top Up");
//await store.supplier.getData()
} catch (e) {
console.log(e, "apa errornya");
message.error("Failed Top Up");
}
setConfirmLoading(false);
store.supplier.visibleModalTransaction = false;
form.resetFields();
};
return (
<div>