Handling Error

src/pages/Membership/DetailUser.js

@@ -7,12 +7,14 @@ import {observer} from "mobx-react-lite";
 import {FilterOutlined} from "@ant-design/icons";
 import {format, parseISO} from "date-fns";
 import {ModalLoaderContext} from "../../utils/modal";
+import { useParams } from "react-router-dom";     
 
 const {Title, Text} = Typography;
 
 export const DetailUser = observer(() => {
   const store = useStore();
   const modalLoader = useContext(ModalLoaderContext);
+  const { id } = useParams();
 
   const routeData = [
     {
@@ -24,12 +26,13 @@ export const DetailUser = observer(() => {
       name: <span style={{fontWeight: 'bold'}}>Detail User</span>,
     },
   ];
-
+console.log(id)
   useEffect(() => {
     (async () => {
       modalLoader.setLoading(true);
       await Promise.allSettled([
         store.authentication.getProfile(),
+        store.transaction.getDataHistoryTopUp(id),
         store.transaction.getDataHistoryTransaction(),
       ]);
       modalLoader.setLoading(false);
@@ -83,7 +86,7 @@ export const DetailUser = observer(() => {
                 <Text strong>Name</Text>
               </Col>
               <Col span={12}>
-                <Text>{store.authentication.profileData?.userDetail?.name}</Text>
+                <Text>{store.transaction.data.name}</Text>
               </Col>
               <Col span={12}>
                 <Text strong>Role</Text>

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"