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

Repair Menu

Browse Source
This commit is contained in:
ajat91.sudrajat
2021-12-24 10:48:06 +07:00
parent 884a23ae80
commit c371a727b1
13 changed files with 267 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/component/CategoryComponent.js
View File

@@ -1,10 +1,19 @@
import React, {useContext, 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";
import {ModalLoaderContext} from "../utils/modal";
import React, { useContext, 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";
import { ModalLoaderContext } from "../utils/modal";
export const CategoryComponent = observer((props) => {
const store = useStore();
@@ -69,12 +78,16 @@ export const CategoryComponent = observer((props) => {
if (idData !== "") {
modalLoader.setLoading(true);
try {
const response =await store.category.update(idData, data);
const response = await store.category.update(idData, data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Ubah Kategori")
: message.error("Gagal Ubah Kategori");
? message.success(
response?.body?.message || "Berhasil Ubah Data Kategori"
)
: message.error(
response?.body?.message || "Gagal Ubah Data Kategori"
);
} catch (e) {
message.error("Gagal Ubah Data Kategori");
message.error(e.response?.body?.message || "Gagal Ubah Data Kategori");
}
modalLoader.setLoading(false);
store.category.visibleModalCategory = false;
@@ -83,13 +96,15 @@ export const CategoryComponent = observer((props) => {
} else {
modalLoader.setLoading(true);
try {
const response=await store.category.create(data);
const response = await store.category.create(data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Tambah Kategori")
: message.error("Gagal Tambah Kategori");
? message.success(
response?.body?.message || "Berhasil Tambah Kategori"
)
: message.error(response?.body?.message || "Gagal Tambah Kategori");
} catch (e) {
console.log(e, "apa errornya");
message.error("Gagal Tambah Kategori");
message.error(e.response?.body?.message || "Gagal Tambah Kategori");
}
modalLoader.setLoading(false);
store.category.visibleModalCategory = false;
@@ -101,7 +116,7 @@ export const CategoryComponent = observer((props) => {
return (
<div>
<Table
style={{textAlign: "center"}}
style={{ textAlign: "center" }}
columns={columns}
dataSource={store.category.data}
bordered
@@ -148,16 +163,16 @@ export const CategoryComponent = observer((props) => {
<Form.Item
name="code"
label="Code"
rules={[{required: true, message: "Please input name code!"}]}
rules={[{ required: true, message: "Please input name code!" }]}
>
<Input/>
<Input />
</Form.Item>
<Form.Item
name="name"
label="Name"
rules={[{required: true, message: "Please input name category!"}]}
rules={[{ required: true, message: "Please input name category!" }]}
>
<Input/>
<Input />
</Form.Item>
</Form>
</Modal>

26
src/component/CommissionComponent.js
View File

@@ -1,9 +1,9 @@
import React, {useContext, useState} from "react";
import {Button, Form, Input, message, Modal, Space, Table,} from "antd";
import {observer} from "mobx-react-lite";
import {useHistory} from "react-router-dom";
import {useStore} from "../utils/useStore";
import {ModalLoaderContext} from "../utils/modal";
import React, { useContext, useState } from "react";
import { Button, Form, Input, message, Modal, Space, Table } from "antd";
import { observer } from "mobx-react-lite";
import { useHistory } from "react-router-dom";
import { useStore } from "../utils/useStore";
import { ModalLoaderContext } from "../utils/modal";
export const CommissionComponent = observer((props) => {
const store = useStore();
@@ -52,12 +52,12 @@ export const CommissionComponent = observer((props) => {
const handleSubmit = async (data) => {
modalLoader.setLoading(true);
try {
const response=await store.commission.update(idData, data);
const response = await store.commission.update(idData, data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Ubah Komisi")
: message.error("Gagal Ubah Komisi");
? message.success(response?.body?.message || "Berhasil Ubah Komisi")
: message.error(response?.body?.message || "Gagal Ubah Komisi");
} catch (e) {
message.error("Gagal Ubah Komisi");
message.error(e.response?.body?.message || "Gagal Ubah Komisi");
}
modalLoader.setLoading(false);
store.commission.visibleModalCommission = false;
@@ -68,7 +68,7 @@ export const CommissionComponent = observer((props) => {
return (
<div>
<Table
style={{textAlign: "center"}}
style={{ textAlign: "center" }}
columns={columns}
dataSource={store.commission.data}
bordered
@@ -115,9 +115,9 @@ export const CommissionComponent = observer((props) => {
<Form.Item
name="value"
label="Commission"
rules={[{required: true, message: "Please input commission!"}]}
rules={[{ required: true, message: "Please input commission!" }]}
>
<Input/>
<Input />
</Form.Item>
</Form>
</Modal>

8
src/component/PartnerComponent.js
View File

@@ -181,11 +181,13 @@ export const PartnerComponent = observer((props) => {
const response = await store.partner.create(data);
modalLoader.setLoading(false);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Tambah Partner")
: message.error("Gagal Tambah Partner");
? message.success(
response?.body?.message || "Berhasil Tambah Partner"
)
: message.error(response?.body?.message || "Gagal Tambah Partner");
} catch (e) {
console.log(e, "apa errornya");
message.error("Gagal Tambah Partner");
message.error(e.response?.body?.message || "Gagal Tambah Partner");
}
modalLoader.setLoading(false);
store.partner.visibleModalPartner = false;

39
src/component/ProductComponent.js
View File

@@ -83,7 +83,6 @@ export const ProductComponent = observer((props) => {
title: "Supplier",
dataIndex: "supplier_name",
key: "supplier_name",
},
{
title: "Sub Category",
@@ -108,15 +107,17 @@ export const ProductComponent = observer((props) => {
key: "action",
render: (text, record) => (
<Button
onClick={async () => {
await store.product.getDetail(record.product_id);
await store.product.getDetailProduct(record.product_id);
history.push(LINKS.PRODUCT_DETAIL.replace(":id", record.product_id));
//console.log(record.product_id);
}}
>
Detail
</Button>
onClick={async () => {
await store.product.getDetail(record.product_id);
await store.product.getDetailProduct(record.product_id);
history.push(
LINKS.PRODUCT_DETAIL.replace(":id", record.product_id)
);
//console.log(record.product_id);
}}
>
Detail
</Button>
),
},
];
@@ -160,12 +161,14 @@ export const ProductComponent = observer((props) => {
if (idData !== "") {
modalLoader.setLoading(true);
try {
const response=await store.product.update(idData, data);
const response = await store.product.update(idData, data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Ubah Data Produk")
: message.error("Gagal Ubah Data Produk");
? message.success(
response?.body?.message || "Berhasil Ubah Data Produk"
)
: message.error(response?.body?.message || "Gagal Ubah Data Produk");
} catch (e) {
message.error("Gagal Ubah Data Produk");
message.error(e.response?.body?.message || "Gagal Ubah Data Produk");
}
modalLoader.setLoading(false);
store.product.visibleModalProduct = false;
@@ -174,13 +177,13 @@ export const ProductComponent = observer((props) => {
} else {
modalLoader.setLoading(true);
try {
const response=await store.product.create(data);
const response = await store.product.create(data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Tambah Produk")
: message.error("Gagal Tambah Produk");
? message.success(response?.body?.message || "Berhasil Tambah Produk")
: message.error(response?.body?.message || "Gagal Tambah Produk");
} catch (e) {
console.log(e, "apa errornya");
message.error("Gagal Tambah Produk");
message.error(e.response?.body?.message || "Gagal Tambah Produk");
}
modalLoader.setLoading(false);
store.product.visibleModalProduct = false;

56
src/component/SubcategoryComponent.js
View File

@@ -1,19 +1,29 @@
import React, {useContext, useEffect, useState} from "react";
import {Button, Divider, Form, Input, List, message, Modal, Select, Space, Table,} from "antd";
import {observer} from "mobx-react-lite";
import {useStore} from "../utils/useStore";
import {ModalLoaderContext} from "../utils/modal";
import React, { useContext, useEffect, useState } from "react";
import {
Button,
Divider,
Form,
Input,
List,
message,
Modal,
Select,
Space,
Table,
} from "antd";
import { observer } from "mobx-react-lite";
import { useStore } from "../utils/useStore";
import { ModalLoaderContext } from "../utils/modal";
export const SubcategoryComponent = observer((props) => {
const store = useStore();
const [form] = Form.useForm();
const {Option} = Select;
const { Option } = Select;
const [idData, setIdData] = useState("");
const modalLoader = useContext(ModalLoaderContext);
useEffect(() => {
getData()
}, [])
getData();
}, []);
const getData = async () => {
await store.category.getData();
await store.subcategory.getData();
@@ -67,13 +77,19 @@ export const SubcategoryComponent = observer((props) => {
if (idData !== "") {
modalLoader.setLoading(true);
try {
const response=await store.subcategory.update(idData, data);
const response = await store.subcategory.update(idData, data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Ubah Data Sub Kategori")
: message.error("Gagal Ubah Data Sub Kategori");
? message.success(
response?.body?.message || "Berhasil Ubah Data Sub Kategori"
)
: message.error(
response?.body?.message || "Gagal Ubah Data Sub Kategori"
);
//await getData();
} catch (e) {
message.error("Gagal Ubah Data Sub Kategori");
message.error(
e.response?.body?.message || "Gagal Ubah Data Sub Kategori"
);
}
modalLoader.setLoading(false);
store.subcategory.visibleModalSubcategory = false;
@@ -82,13 +98,17 @@ export const SubcategoryComponent = observer((props) => {
} else {
modalLoader.setLoading(true);
try {
const response =await store.subcategory.create(data);
const response = await store.subcategory.create(data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Tambah Sub Kategori")
: message.error("Gagal Tambah Sub Kategori");
? message.success(
response?.body?.message || "Berhasil Tambah Sub Kategori"
)
: message.error(
response?.body?.message || "Gagal Tambah Sub Kategori"
);
} catch (e) {
console.log(e, "apa errornya");
message.error("Gagal Tambah Sub Kategori");
message.error(e.response?.body?.message || "Gagal Tambah Sub Kategori");
}
modalLoader.setLoading(false);
store.subcategory.visibleModalSubcategory = false;
@@ -137,7 +157,7 @@ export const SubcategoryComponent = observer((props) => {
pageSize: store.subcategory.pageSize,
total: store.subcategory.total_data,
current: store.subcategory.page + 1,
style: {marginBottom: "1rem", marginRight: "1rem"},
style: { marginBottom: "1rem", marginRight: "1rem" },
}}
dataSource={store.subcategory.data}
style={{ padding: 0 }}

57
src/component/SupplierComponent.js
View File

@@ -1,12 +1,23 @@
import React, {useContext, useState} from "react";
import {Button, Divider, Form, Input, List, 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 {ModalLoaderContext} from "../utils/modal";
import React, { useContext, useState } from "react";
import {
Button,
Divider,
Form,
Input,
List,
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 { ModalLoaderContext } from "../utils/modal";
export const SupplierComponent = observer((props) => {
const store = useStore();
@@ -160,13 +171,17 @@ export const SupplierComponent = observer((props) => {
if (idData !== "") {
try {
modalLoader.setLoading(true);
const response=await store.supplier.update(idData, data);
const response = await store.supplier.update(idData, data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Ubah Data Supplier")
: message.error("Gagal Ubah Data Supplier");
? message.success(
response?.body?.message || "Berhasil Ubah Data Supplier"
)
: message.error(
response?.body?.message || "Gagal Ubah Data Supplier"
);
} catch (e) {
modalLoader.setLoading(false);
message.error("Gagal Ubah Data Supplie");
message.error(e.response?.body?.message || "Gagal Ubah Data Supplie");
}
modalLoader.setLoading(false);
@@ -176,13 +191,19 @@ export const SupplierComponent = observer((props) => {
} else {
try {
modalLoader.setLoading(true);
const response=await store.supplier.create(data);
const response = await store.supplier.create(data);
response?.body?.statusCode === 201 || response?.body?.statusCode === 200
? message.success("Berhasil Tambah Supplier Baru")
: message.error("Gagal Tambah Supplier Baru");
? message.success(
response?.body?.message || "Berhasil Tambah Supplier Baru"
)
: message.error(
response?.body?.message || "Gagal Tambah Supplier Baru"
);
} catch (e) {
console.log(e, "apa errornya");
message.error("Gagal Tambah Supplier Baru");
message.error(
e.response?.body?.message || "Gagal Tambah Supplier Baru"
);
}
modalLoader.setLoading(false);
@@ -232,7 +253,7 @@ export const SupplierComponent = observer((props) => {
pageSize: store.supplier.pageSize,
total: store.supplier.total_data,
current: store.supplier.page + 1,
style: {marginBottom: "1rem", marginRight: "1rem"},
style: { marginBottom: "1rem", marginRight: "1rem" },
}}
dataSource={store.supplier.data}
style={{ padding: 0 }}

6
src/component/TopupsaldoModal.js
View File

@@ -16,11 +16,11 @@ export const TopupsaldoModal = observer((props) => {
const handleSubmitTransaction = async (data) => {
try {
modalLoader.setLoading(true);
await store.supplier.createTransaction(data);
message.success("Success Top Up");
const response = await store.supplier.createTransaction(data);
message.success(response?.body?.message || "Success Top Up");
} catch (e) {
console.log(e, "apa errornya");
message.error("Failed Top Up");
message.error(e.response?.body?.message || "Failed Top Up");
}
modalLoader.setLoading(false);