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

bg updated

Browse Source
This commit was merged in pull request #823.
This commit is contained in:
victorAnumudu
2024-10-16 11:41:47 +01:00
parent 520e74308d
commit 747abfc47b
1 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/WalletItemCard.jsx
+15 -13
View File
@@ -1,6 +1,6 @@
import React, { useState } from "react"; import React, { useState } from "react";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import background from "../../assets/images/bg-sky-blue.jpg"; //shape/balance-bg.svg"; // import background from "../../assets/images/bg-sky-blue.jpg"; //shape/balance-bg.svg";
import localImgLoad from "../../lib/localImgLoad"; import localImgLoad from "../../lib/localImgLoad";
import { tableReload } from "../../store/TableReloads"; import { tableReload } from "../../store/TableReloads";
import { PriceFormatter } from "../Helpers/PriceFormatter"; import { PriceFormatter } from "../Helpers/PriceFormatter";
@@ -44,25 +44,25 @@ export default function WalletItemCard({ walletItem, payment, countries }) {
return ( return (
<> <>
<div <div
className="current-balance-widget w-full h-full min-h-[250px] rounded-2xl overflow-hidden flex flex-col items-center gap-4 p-4 justify-between" className="current-balance-widget w-full h-full min-h-[250px] rounded-2xl overflow-hidden flex flex-col items-center gap-4 p-4 justify-between bg-[#498FC3]"
style={{ style={{
background: `url(${background}) 0% 0% / cover no-repeat`, background: `url(${walletItem?.banner}) 0% 0% / cover no-repeat`,
}} }}
> >
<div className="wallet w-full flex justify-between items-start gap-3"> <div className="wallet w-full">
<div className="min-w-[100px] min-h-[100px] max-w-min md:max-w-[150px] max-h-min md:max-h-[150px] rounded-full bg-[#e3e3e3] flex justify-center items-center"> {/* <div className="min-w-[100px] min-h-[100px] max-w-min md:max-w-[150px] max-h-min md:max-h-[150px] rounded-full bg-[#e3e3e3] flex justify-center items-center">
<img <img
src={localImgLoad(`images/currency/${image}`)} src={localImgLoad(`images/currency/${image}`)}
className="w-full h-full" className="w-full h-full"
alt="currency-icon" alt="currency-icon"
/> />
</div> </div> */}
<div className="balance w-full mt-2 flex justify-center"> <div className="balance w-full mt-2 flex justify-end">
<div className=""> <div className="flex flex-col items-center">
<p className="text-base sm:text-lg text-white opacity-[70%] tracking-wide mb-2 sm:mb-6"> <p className="text-base sm:text-lg text-white tracking-wide mb-2 sm:mb-6">
Current Balance Current Balance
</p> </p>
<p className="text-[44px] lg:text-[62px] font-bold text-white tracking-wide leading-10 xxs:scale-100 lg:scale-100 xl:scale-125"> <p className="text-[44px] lg:text-[62px] font-bold text-white tracking-wide leading-10">
{PriceFormatter( {PriceFormatter(
walletItem.amount * 0.01, walletItem.amount * 0.01,
walletItem.code, walletItem.code,
@@ -75,9 +75,10 @@ export default function WalletItemCard({ walletItem, payment, countries }) {
</div> </div>
{walletItem.escrow > 0 ? {walletItem.escrow > 0 ?
<div className='w-full flex justify-end'>
<p className="text-lg text-white tracking-wide flex justify-center items-center gap-8"> <p className="text-lg text-white tracking-wide flex justify-center items-center gap-8">
HOLDINGS :{" "} HOLDINGS :{" "}
<span className="xxs:scale-100 lg:scale-100 xl:scale-125"> <span className="">
{PriceFormatter( {PriceFormatter(
walletItem.escrow * 0.01, walletItem.escrow * 0.01,
walletItem.code, walletItem.code,
@@ -86,8 +87,9 @@ export default function WalletItemCard({ walletItem, payment, countries }) {
)} )}
</span> </span>
</p> </p>
: </div>
null :
null
} }
<div className='w-full'> <div className='w-full'>