api post

src/backend/sendRequest.js

@@ -57,3 +57,59 @@ export const sendRequest = (
       setError(true);
     });
 };
+
+export const sendTopupRequest = (
+  url,
+  token,
+  data,
+  setState,
+  setLoader,
+  setError,
+  setProgress
+) => {
+  const form = new FormData();
+
+  let today = new Date();
+  let dd = String(today.getDate()).padStart(2, "0");
+  let mm = String(today.getMonth() + 1).padStart(2, "0"); //January is 0!
+  let yyyy = today.getFullYear();
+
+  data.file.map((el) => {
+    form.append("file[]", el);
+  });
+  form.append("name", data.name);
+  form.append("surname", data.surname);
+  form.append("middlename", data.fathers);
+  form.append("addres", data.address);
+  form.append("email", data.email);
+  form.append("branch", data.branch);
+  form.append("birthdate", data.birth);
+  form.append("selected_type", data.type);
+  form.append("phone_number", data.mobile);
+  form.append("home_phone_number", data.home);
+  form.append("passport_series", data.passport);
+  form.append("passport_by", data.p_address);
+  form.append("region", data.region);
+  form.append("place_of_residence", data.place_of_residence);
+  form.append("comment", data.message);
+  form.append("date", `${dd}.${mm}.${yyyy}`);
+  axios
+    .post(`${url}?token=${token}`, form, {
+      onUploadProgress: (progressEvent) => {
+        const progress = progressEvent.loaded / progressEvent.total;
+        setProgress(progress);
+      },
+    })
+    .then((res) => {
+      setState(res);
+      if (setLoader) {
+        setLoader(false);
+      }
+    })
+    .catch(() => {
+      if (setLoader) {
+        setLoader(false);
+      }
+      setError(true);
+    });
+};

src/components/TopupStages/TopupStage5.js

@@ -8,7 +8,7 @@ import next from "../../icons/next.svg";
 import next_reverse from "../../icons/next-reverse.svg";
 
 // IMPORT HELPERS
-import { sendRequest } from "../../backend/sendRequest";
+import { sendTopupRequest } from "../../backend/sendRequest";
 import { getUserInfo } from "../../backend/getUserInfo";
 import { reformatDate } from "../../helpers/reformatDate";
 
@@ -27,7 +27,7 @@ const TopupStage5 = ({
   const { locale } = useContext(LanguageContext);
   const { setUser } = useContext(UserContext);
   const token = localStorage.getItem("userToken");
-  const postUrl = destination + "/online_credit";
+  const postUrl = destination + "/account_replenishment";
   const getUrl = destination + "/me";
   return (
     <section className="card-stage-6">
@@ -223,7 +223,7 @@ const TopupStage5 = ({
           onClick={() => {
             setModalOpen(false);
             setLoader(true);
-            sendRequest(
+            sendTopupRequest(
               postUrl,
               token,
               data,

src/components/topup/TopupModal.js

@@ -269,11 +269,12 @@ const TopupModal = ({
                 />
               ) : stage === 5 ? (
                 <TopupStage5
-                  setStage={setStage}
                   data={data}
-                  setData={setData}
-                  topupData={topupData}
-                  id={id}
+                  setModalOpen={setModalOpen}
+                  setLoader={setLoader}
+                  setSuccess={setSuccess}
+                  setError={setError}
+                  setProgress={setProgress}
                 />
               ) : (
                 ""

src/pages/Topup.js

@@ -187,12 +187,17 @@ const Topup = () => {
                 </tr>
                 {user ? (
                   user.account_replenishment.length !== 0 ? (
-                    [...user.online_credit].reverse().map((el, i) => {
+                    [...user.account_replenishment].reverse().map((el, i) => {
                       return (
                         <tr key={i}>
                           <td>#{el.id}</td>
-                          <td>{el.type}</td>
-                          <td>{el.date}</td>
+                          <td>{el.selected_type_account_replenishment}</td>
+                          <td>
+                            {el.created_at
+                              .split(" ")[0]
+                              .replace("-", ".")
+                              .replace("-", ".")}
+                          </td>
                           <td
                             className={
                               el.status === "kart_chykarylmady"