Pages Supplier

src/component/SupplierComponent.js

@@ -1,43 +1,23 @@
 import React, { useEffect, useState } from "react";
-import {
-  Button,
-  Form,
-  Input,
-  message,
-  Modal,
-  Select,
-  Space,
-  Table,
-  Tag,
-} from "antd";
+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 { capitalize } from "lodash";
 import { useStore } from "../utils/useStore";
 import { LINKS } from "../routes/app";
+import { TopupsaldoModal } from "./TopupsaldoModal";
 
 export const SupplierComponent = observer((props) => {
   const store = useStore();
   const [form] = Form.useForm();
-  //const [formEdit] = Form.useForm();
-  const { Option } = Select;
   const history = useHistory();
   const [idData, setIdData] = useState("");
-  const [confirmLoading, setConfirmLoading] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
+  const [code, setCode] = useState("");
 
   useEffect(() => {
     const init = async () => {
-      try {
-        setIsLoading(true);
-        await store.supplier.getData();
-        setIsLoading(false);
-      } catch (e) {
-        setIsLoading(false);
-      }
+      await store.supplier.getData();
     };
-
     init();
   }, []);
 
@@ -52,6 +32,14 @@ export const SupplierComponent = observer((props) => {
     setIdData(data.id);
   };
 
+  const handleTopup = (data) => {
+    console.log(data, "isi data");
+    form.setFieldsValue({
+      code: data.code,
+    });
+    store.supplier.visibleModalTransaction = true;
+    setCode(data.code);
+  };
   const changeStatus = async (id, isActive) => {
     const status = isActive ? "inactive" : "active";
     const status2 = isActive ? "Inactivating" : "Activating";
@@ -78,6 +66,12 @@ export const SupplierComponent = observer((props) => {
       dataIndex: "code",
       key: "code",
     },
+    ,
+    {
+      title: "Saldo",
+      dataIndex: "saldo",
+      key: "saldo",
+    },
     {
       title: "Status",
       dataIndex: "status",
@@ -85,8 +79,7 @@ export const SupplierComponent = observer((props) => {
       render: (text, record) => (
         <Tag
           color={record?.status === true ? "processing" : "#E3E8EE"}
-          style={{ color: "#4F566B", cursor: "pointer" }}
-          onClick={() => changeStatus(record?.id, record?.status)}
+          style={{ color: "#4F566B"}}
         >
           {record?.status === true ? " ACTIVE" : "INACTIVE"}
         </Tag>
@@ -98,7 +91,13 @@ export const SupplierComponent = observer((props) => {
       render: (text, record) => (
         <Space size="middle">
           <Button onClick={() => handleEditButton(record)}>Edit</Button>
-          <Button onClick={() => handleDelete(record.id)}>Delete</Button>
+          <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>
         </Space>
       ),
     },
@@ -140,7 +139,6 @@ export const SupplierComponent = observer((props) => {
   const handleSubmit = async (data) => {
     console.log(data, "isi data2");
     if (idData !== "") {
-      setConfirmLoading(true);
       try {
         await store.supplier.update(idData, data);
         message.success("Success Update Data Member");
@@ -148,21 +146,19 @@ export const SupplierComponent = observer((props) => {
       } catch (e) {
         message.error("Failed Update Data Member");
       }
-      setConfirmLoading(false);
+
       store.supplier.visibleModalSupplier = false;
       setIdData("");
       form.resetFields();
     } else {
-      setConfirmLoading(true);
       try {
         await store.supplier.create(data);
         message.success("Success Add New Member");
-        //await store.supplier.getData()
       } catch (e) {
         console.log(e, "apa errornya");
         message.error("Failed Add Member");
       }
-      setConfirmLoading(false);
+
       store.supplier.visibleModalSupplier = false;
       setIdData("");
       form.resetFields();
@@ -187,12 +183,9 @@ export const SupplierComponent = observer((props) => {
           let pageNumber = page.current;
           store.supplier.pageSize = page.pageSize;
           store.supplier.page = pageNumber - 1;
-          // store.membership.isLoading = true;
           await store.supplier.getData();
-          // store.membership.isLoading = false;
         }}
       />
-
       <Modal
         visible={store.supplier.visibleModalSupplier}
         title={idData ? "Edit Supplier" : "Create a new Supplier"}
@@ -232,6 +225,7 @@ export const SupplierComponent = observer((props) => {
           </Form.Item>
         </Form>
       </Modal>
+      <TopupsaldoModal code={code} />
     </div>
   );
 });