Walltet starter

src/components/Partials/Header.jsx

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React, { useContext,useState, useEffect } from "react";
 import { Link } from "react-router-dom";
 import bank1 from "../../assets/images/bank-1.png";
 import bank2 from "../../assets/images/bank-2.png";
@@ -11,6 +11,7 @@ import Icons from "../Helpers/Icons";
 import ModalCom from "../Helpers/ModalCom";
 import SearchCom from "../Helpers/SearchCom";
 import WalletHeader from "../MyWallet/WalletHeader";
+import usersService from "../../services/UsersService";
 
 
 export default function Header({ logoutModalHandler, sidebarHandler }) {
@@ -19,6 +20,23 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
   const [userProfileDropdown, setProfileDropdown] = useToggle(false);
   const [moneyPopup, setPopup] = useToggle(false);
   const darkMode = useContext(DarkModeContext);
+
+  const [myWalletList, setMyWalletList] = useState([]);
+  const api = new usersService();
+
+  const getMyWalletList = async () => {
+    try {
+      const res = await api.getUserWallets(null);
+      console.log("wallet - > ",res.data);
+      setMyWalletList(res.data);
+    } catch (error) {
+      console.log("Error getting mode");
+    }
+  };
+  useEffect(() => {
+    getMyWalletList();
+  }, []);
+
   const handlerBalance = () => {
     setbalanceValue.toggle();
     if (notificationDropdown) {
@@ -196,7 +214,11 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
             {/* balance */}
 
             {/*<div className="lg:hidden block"></div>*/}
-            <WalletHeader  handlerBalance={handlerBalance} balanceDropdown={balanceDropdown} addMoneyHandler={addMoneyHandler} />
+            <WalletHeader
+                myWalletList={myWalletList}
+                handlerBalance={handlerBalance}
+                balanceDropdown={balanceDropdown}
+                addMoneyHandler={addMoneyHandler} />
             {/* notification */}
             <div className="user-notification lg:block hidden relative">
               <div