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

Merge branch 'kid-virtual-card-display' of WrenchBoard/Users-Wrench into master

Browse Source
This commit is contained in:
Olusesan Ameye
2024-11-04 08:23:35 +00:00
committed by Gogs
parent bc9793f997 c2111c5122
commit 4aed14a545
1 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FamilyAcc/Tabs/wallet/Wallet.jsx
+28 -16
View File
@@ -6,6 +6,7 @@ import VirtualAddCardFamilyPopout from './VirtualAddCardFamilyPopout'
function Wallet({wallet, familyData, setFamilyWalletReload}) { function Wallet({wallet, familyData, setFamilyWalletReload}) {
const [addFundPopout, setAddFundPopout] = useState({ show: false, data: {} }) const [addFundPopout, setAddFundPopout] = useState({ show: false, data: {} })
console.log('WALLET', wallet.brand)
// virtual add card popout // virtual add card popout
const [virtualPopup, setVirtualPopup] = useState({ show: false, data: {} }); const [virtualPopup, setVirtualPopup] = useState({ show: false, data: {} });
@@ -42,22 +43,33 @@ function Wallet({wallet, familyData, setFamilyWalletReload}) {
/> />
</div> </div>
<div className="w-full flex flex-col"> <div className="w-full flex flex-col">
<div className="w-full flex gap-2"> {wallet?.brand && wallet?.card_last4 ? // FOR VIRTUAL CARD NUMBER ELSE WALLET BALANCE DISPLAY
<p className="text-base md:text-lg text-thin-light-gray tracking-wide"> <div className="w-full flex flex-col gap-2">
Balance: {/* <p className="text-base md:text-lg text-thin-light-gray tracking-wide">
</p> Balance:
<p </p> */}
className="text-base md:text-lg font-bold text-purple tracking-wide leading-10" <p className="text-base md:text-lg font-bold text-purple leading-10">
// className="text-[44px] lg:text-[62px] font-bold text-white tracking-wide leading-10 xxs:scale-100 lg:scale-100 xl:scale-125" {wallet.brand} <span> **** **** ***** </span> {wallet?.card_last4}
> </p>
{PriceFormatter( </div>
Number(wallet.amount) * 0.01, :
wallet.code, <div className="w-full flex gap-2">
wallet.country, <p className="text-base md:text-lg text-thin-light-gray tracking-wide">
"" Balance:
)} </p>
</p> <p
</div> className="text-base md:text-lg font-bold text-purple tracking-wide leading-10"
// className="text-[44px] lg:text-[62px] font-bold text-white tracking-wide leading-10 xxs:scale-100 lg:scale-100 xl:scale-125"
>
{PriceFormatter(
Number(wallet.amount) * 0.01,
wallet.code,
wallet.country,
""
)}
</p>
</div>
}
{/* BTN */} {/* BTN */}
<div className='mt-1 flex justify-end items-center gap-2'> <div className='mt-1 flex justify-end items-center gap-2'>
<button <button