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

src/component/SupplierComponent.js

@@ -125,6 +125,9 @@ export const SupplierComponent = observer((props) => {
     setIdData("");
     store.supplier.visibleModalSupplier = false;
   };
+  const handleCancelTransaction= () => {
+    store.supplier.visibleModalTransaction = false;
+  };
 
   const handleSubmit = async (data) => {
     console.log(data, "isi data2");
@@ -157,6 +160,24 @@ 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();
+  };  
+
+  
+
   return (
     <div>
       <Table
@@ -220,6 +241,45 @@ export const SupplierComponent = observer((props) => {
           </Form.Item>
         </Form>
       </Modal>
+      <Modal
+        visible={store.supplier.visibleModalTransaction}
+        title="Top Up Saldo"
+        okText="Top Up"
+        cancelText="Cancel"
+        onCancel={() => {
+          form.resetFields();
+          handleCancelTransaction();
+        }}
+        onOk={() => {
+          form
+            .validateFields()
+            .then((values) => {
+              console.log(values, "isi form");
+              handleSubmitTransaction(values);
+              form.resetFields();
+            })
+            .catch((info) => {
+              console.error("Validate Failed:", info);
+            });
+        }}
+      >
+        <Form form={form} layout="vertical">
+          <Form.Item
+            name="supplier"
+            label="Supplier"
+            rules={[{ required: true, message: "Please input supplier!" }]}
+          >
+            <Input />
+          </Form.Item>
+          <Form.Item
+            name="amount"
+            label="Amount"
+            rules={[{ required: true, message: "Please input amount!" }]}
+          >
+            <Input />
+          </Form.Item>
+        </Form>
+      </Modal>
     </div>
   );
 });