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

wallet header dropdown fixed

Browse Source
This commit was merged in pull request #837.
This commit is contained in:
victorAnumudu
2024-11-02 06:31:47 +01:00
parent e6e41de965
commit 70ada36c00
3 changed files with 51 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/WalletHeader.jsx
+17 -1
View File
@@ -58,12 +58,27 @@ export default function WalletHeader(props) {
props.myWalletList.map((value, index) =>
{
let image = value.code ? `${value.code.toLocaleLowerCase()}.svg` : 'default.png'
return(
<li
key={index}
key={value?.wallet_uid || index}
className="content-item py-4 border-b dark:border-[#5356fb29] border-light-purple hover:border-purple dark:hover:border-purple"
onClick={onWalletClick}
>
{value?.brand && value?.card_last4 ? // FOR VIRTUAL CARD NUMBER ELSE WALLET BALANCE DISPLAY
<div className="w-full">
<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 ">
<img src={value.icon} className="w-14 h-14" alt="currency icon" />
</div>
<div className="name">
<p className="text-2xl font-bold text-dark-gray dark:text-white">
{value.brand} <span> **** **** ***** </span> {value?.card_last4}
</p>
</div>
</div>
</div>
:
<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="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 ">
@@ -81,6 +96,7 @@ export default function WalletHeader(props) {
</p>
</div>
</div>
}
</li>
)
}