handling error

src/pages/Config/Commission.js

@@ -1,5 +1,5 @@
 import React, {useContext, useEffect, useState} from "react";
-import { Button, Card, Col, Input, Row, Tabs } from "antd";
+import { Button, Card, Col, Input, Row, Tabs ,message} from "antd";
 import { FilterOutlined, PlusSquareOutlined } from "@ant-design/icons";
 import { BreadcumbComponent } from "../../component/BreadcumbComponent";
 import { useStore } from "../../utils/useStore";
@@ -24,6 +24,11 @@ export const Commission = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Config/Partner.js

@@ -1,5 +1,5 @@
 import React, {useContext, useEffect, useState} from "react";
-import {Button, Card, Col, Input, Row, Tabs} from "antd";
+import {Button, Card, Col, Input, Row, Tabs,message} from "antd";
 import {FilterOutlined, PlusSquareOutlined,} from "@ant-design/icons";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {useStore} from "../../utils/useStore";
@@ -22,6 +22,11 @@ export const Partner = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Config/Supplier.js

@@ -37,6 +37,11 @@ export const Supplier = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Login/Login.js

@@ -14,12 +14,12 @@ export const Login = observer(() => {
 
   const handleLogin = async (params) => {
     try {
-      modalLoader.setLoading(true);
+      //modalLoader.setLoading(true);
       await store.authentication.login({
         username: params.username,
         password: params.password,
       });
-      modalLoader.setLoading(false);
+      //modalLoader.setLoading(false);
       history.push(LINKS.HOME);
     } catch (e) {
       modalLoader.setLoading(true);

src/pages/Membership/Membership.js

@@ -53,6 +53,11 @@ export const Membership = observer(() => {
       } catch (e) {
         console.error(e);
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Payback/Payback.js

@@ -39,6 +39,11 @@ export const Payback = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Payback/PaybackFromUser.js

@@ -42,6 +42,11 @@ export const PaybackFromUser = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Payback/PaybackModal.js

@@ -85,8 +85,11 @@ export const PaybackModal = ({visible, onCreate, onCancel, initialData}) => {
       await store.payback.getData();
     } catch (e) {
       modalLoader.setLoading(false);
-      console.log(e, "apa errornya");
+      if (e.response?.body?.message) {
-      message.error("Failed Add Member");
+        message.error(e.response.body.message);
+        return;
+      }
+      message.error(e.message);
     }
     form.resetFields();
   };

src/pages/Product/Category.js

@@ -1,5 +1,5 @@
 import React, {useContext, useEffect, useState} from "react";
-import {Button, Card, Col, Input, Row, Tabs} from "antd";
+import {Button, Card, Col, Input, Row, Tabs,message} from "antd";
 import {FilterOutlined, PlusSquareOutlined} from "@ant-design/icons";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {useStore} from "../../utils/useStore";
@@ -23,6 +23,11 @@ export const Category = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Product/Product.js

@@ -1,5 +1,5 @@
 import React, {useContext, useEffect} from "react";
-import {Button, Card, Col, Input, Row, Upload} from "antd";
+import {Button, Card, Col, Input, Row, Upload,message} from "antd";
 import {FilterOutlined, PlusSquareOutlined, UploadOutlined,} from "@ant-design/icons";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {useStore} from "../../utils/useStore";
@@ -27,6 +27,11 @@ export const Product = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Product/Subcategory.js

@@ -1,5 +1,5 @@
 import React, {useContext, useEffect, useState} from "react";
-import {Button, Card, Col, Input, Row} from "antd";
+import {Button, Card, Col, Input, Row,message} from "antd";
 import {PlusSquareOutlined} from "@ant-design/icons";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
 import {useStore} from "../../utils/useStore";
@@ -22,6 +22,11 @@ export const Subcategory = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Transaction/Product.js

@@ -25,6 +25,11 @@ export const Product = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };
 

src/pages/Transaction/Transaction.js

@@ -1,4 +1,4 @@
-import React, {useContext, useEffect, useState} from "react";
+import React, {useContext, useEffect, useState,message} from "react";
 import {useStore} from "../../utils/useStore";
 import {Card, Tabs} from "antd";
 import {BreadcumbComponent} from "../../component/BreadcumbComponent";
@@ -23,6 +23,11 @@ export const Transaction = observer(() => {
         modalLoader.setLoading(false);
       } catch (e) {
         modalLoader.setLoading(false);
+        if (e.response?.body?.message) {
+          message.error(e.response.body.message);
+          return;
+        }
+        message.error(e.message);
       }
     };