fix: wallet API

src/api/wallet.ts

@@ -1,8 +1,11 @@
 import { makeRequest } from "@frontend/kitui";
 import { SendPaymentRequest, SendPaymentResponse } from "@root/model/wallet";
+import { parseAxiosError } from "@root/utils/parse-error";
 
-
+const apiUrl =
-const apiUrl = process.env.NODE_ENV === "production" ? "/customer" : "https://hub.pena.digital/customer";
+  process.env.NODE_ENV === "production"
+    ? "/customer"
+    : "https://hub.pena.digital/customer";
 
 const testPaymentBody: SendPaymentRequest = {
   type: "bankCard",
@@ -20,13 +23,26 @@ const testPaymentBody: SendPaymentRequest = {
   returnUrl: window.location.origin + "/wallet",
 };
 
-export function sendPayment(body: SendPaymentRequest = testPaymentBody) {
+export async function sendPayment(
-    return makeRequest<SendPaymentRequest, SendPaymentResponse>({
+  body: SendPaymentRequest = testPaymentBody
+): Promise<[SendPaymentResponse | null, string?]> {
+  try {
+    const sendPaymentResponse = await makeRequest<
+      SendPaymentRequest,
+      SendPaymentResponse
+    >({
       url: apiUrl + "/wallet",
       contentType: true,
       method: "POST",
       useToken: true,
       withCredentials: false,
-        body
+      body,
     });
+
+    return [sendPaymentResponse];
+  } catch (nativeError) {
+    const [error] = parseAxiosError(nativeError);
+
+    return [null, `Ошибка оплаты. ${error}`];
+  }
 }

src/pages/Payment/Payment.tsx

@@ -49,16 +49,17 @@ export default function Payment() {
 
     const paymentValue = parseFloat(paymentValueField) * 100;
 
-    function handleChoosePaymentClick() {
+    async function handleChoosePaymentClick() {
         if (Number(paymentValueField) !== 0) {
-            sendPayment()
+            const [sendPaymentResponse, sendPaymentError] = await sendPayment();
-                .then((result) => {
+
-                    setPaymentLink(result.link);
+            if (sendPaymentError) {
-                })
+              return enqueueSnackbar(sendPaymentError);
-                .catch((error) => {
+            }
-                    const message = getMessageFromFetchError(error);
+      
-                    if (message) enqueueSnackbar(message);
+            if (sendPaymentResponse) {
-                });
+              setPaymentLink(sendPaymentResponse.link);
+            }
         }
     }