Updated Layout for Withdraw Pop UP

2023-07-21 11:45:42 +01:00
parent b3bbf11f0a
commit 98aef302de
3 changed files with 442 additions and 116 deletions
@@ -1,15 +1,34 @@
-import React, { useState } from "react";
+import React, { useCallback, useState } from "react";
 import ConfirmNairaWithdraw from "./Popup/ConfirmNairaWithdraw";
 import NairaWithdraw from "./Popup/NairaWithdraw";
+import usersService from "../../services/UsersService";

 function WalletAction({ walletItem, payment, openPopUp }) {
  const [showNairaWithdraw, setShowNairaWithdraw] = useState(false); // DETERMINES WHEN NAIRA WITHDRAWAL POPS UP
-
+  const [countries, setCountries] = useState([]);
  const [showConfirmNairaWithdraw, setShowConfirmNairaWithdraw] = useState({
    show: false,
    state: {},
  }); // DETERMINES WHEN CONFIRM NAIRA WITHDRAWAL POPS UP

+  const userApi = new usersService();
+
+  // Get Country Api
+  const getCountryList = useCallback(async () => {
+    const res = await userApi.getSignupCountryData();
+
+    try {
+      if (res.status === 200) {
+        const { signup_country } = await res.data;
+        setCountries(signup_country);
+      } else if (res.data.result !== 100) {
+        setCountries("Nothing see here!");
+      }
+    } catch (error) {
+      throw new Error(error);
+    }
+  }, []);
+
  return (
    <div className="counters w-full flex justify-between gap-2">
      <div className="w-1/2 flex justify-center items-center">