WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Merge branch 'wallet-dropdown-icons' of WrenchBoard/Users-Wrench into master

Browse Source
This commit is contained in:
Olusesan Ameye
2023-07-12 19:27:43 +00:00
committed by Gogs
parent 6fed51443d 86d876b013
commit 767b5c1b32
2 changed files with 30 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/currency/default.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 215 B

src/components/MyWallet/WalletHeader.jsx
+13 -7
View File
@@ -1,11 +1,12 @@
import { Link, useLocation, useNavigate } from "react-router-dom"; import { Link, useLocation, useNavigate } from "react-router-dom";
import Icons from "../Helpers/Icons"; import Icons from "../Helpers/Icons";
import bank1 from "../../assets/images/bank-1.png"; // import bank1 from "../../assets/images/bank-1.png";
import bank2 from "../../assets/images/bank-2.png"; // import bank2 from "../../assets/images/bank-2.png";
import bank3 from "../../assets/images/bank-3.png"; // import bank3 from "../../assets/images/bank-3.png";
import bank4 from "../../assets/images/bank-4.png"; // import bank4 from "../../assets/images/bank-4.png";
import Accordion from "../Helpers/Accordion"; import Accordion from "../Helpers/Accordion";
import { PriceFormatter } from "../Helpers/PriceFormatter"; import { PriceFormatter } from "../Helpers/PriceFormatter";
import localImgLoad from "../../lib/localImgLoad";
export default function WalletHeader(props) { export default function WalletHeader(props) {
// debugger; // debugger;
@@ -41,7 +42,10 @@ export default function WalletHeader(props) {
<ul> <ul>
{props.myWalletList && {props.myWalletList &&
props.myWalletList?.result_list?.length > 0 && props.myWalletList?.result_list?.length > 0 &&
props.myWalletList.result_list.map((value, index) => ( props.myWalletList.result_list.map((value, index) =>
{
let image = value.code ? `${value.code.toLocaleLowerCase()}.svg` : 'default.png'
return(
<li <li
key={index} key={index}
className="content-item py-4 border-b dark:border-[#5356fb29] border-light-purple hover:border-purple dark:hover:border-purple" className="content-item py-4 border-b dark:border-[#5356fb29] border-light-purple hover:border-purple dark:hover:border-purple"
@@ -49,7 +53,7 @@ export default function WalletHeader(props) {
<div className="sm:flex justify-between items-center"> <div className="sm:flex justify-between items-center">
<div className="account-name flex space-x-4 items-center mb-2 sm:mb-0"> <div className="account-name flex space-x-4 items-center mb-2 sm:mb-0">
<div className="icon w-14 h-14 transition duration-300 ease-in-out rounded-full flex justify-center items-center bg-light-purple dark:bg-dark-light-purple "> <div className="icon w-14 h-14 transition duration-300 ease-in-out rounded-full flex justify-center items-center bg-light-purple dark:bg-dark-light-purple ">
<img src={bank1} alt="" /> <img src={localImgLoad(`images/currency/${image}`)} alt="" />
</div> </div>
<div className="name"> <div className="name">
<p className="text-base text-dark-gray dark:text-white font-medium"> <p className="text-base text-dark-gray dark:text-white font-medium">
@@ -64,7 +68,9 @@ export default function WalletHeader(props) {
</div> </div>
</div> </div>
</li> </li>
))} )
}
)}
{/*<li className="content-item py-4 border-b dark:border-[#5356fb29] border-light-purple hover:border-purple dark:hover:border-purple">*/} {/*<li className="content-item py-4 border-b dark:border-[#5356fb29] border-light-purple hover:border-purple dark:hover:border-purple">*/}
{/* <div className="sm:flex justify-between items-center">*/} {/* <div className="sm:flex justify-between items-center">*/}