Handling Error

src/pages/Membership/Membership.js

@@ -14,7 +14,7 @@ import {
   Space,
   Table,
   Tag,
-  InputNumber
+  InputNumber,
 } from "antd";
 import { useStore } from "../../utils/useStore";
 import { observer } from "mobx-react-lite";
@@ -101,10 +101,16 @@ export const Membership = observer(() => {
         };
       }
 
+      let response = null;
+
       (await store.authentication.userData.role) === "Admin"
-        ? store.transaction.distributeAdmin(data)
-        : store.transaction.distribute(data);
-      message.success("Success Top Up");
+        ? (response = await store.transaction.distributeAdmin(data))
+        : (response = await store.transaction.distribute(data));
+
+      response?.body?.statusCode === 200
+        ? message.success("Success Top Up")
+        : message.error("Failed Top Up");
+
       modalLoader.setLoading(false);
       //await store.supplier.getData()
     } catch (e) {
@@ -217,8 +223,9 @@ export const Membership = observer(() => {
           </Button>
           <Button
             onClick={async () => {
+              await store.transaction.getDataHistoryTopUp(record.id)
               history.push(LINKS.DETAILUSER.replace(":id", record.id));
-              //console.log(record.id)
+              console.log(record.id);
             }}
           >
             Detail
@@ -465,7 +472,7 @@ export const Membership = observer(() => {
         }}
       >
         <Form form={form} layout="vertical">
-          <Form.Item
+          {/* <Form.Item
             name="supplier"
             label="Supplier"
             rules={[{ required: true, message: "Please input supplier!" }]}
@@ -477,7 +484,7 @@ export const Membership = observer(() => {
                 </Option>
               ))}
             </Select>
-          </Form.Item>
+          </Form.Item> */}
           <Form.Item
             name="amount"
             label="Amount"