diff --git a/src/components/MyWallet/Wallet.jsx b/src/components/MyWallet/Wallet.jsx index 23cf8fe..b2bee7c 100644 --- a/src/components/MyWallet/Wallet.jsx +++ b/src/components/MyWallet/Wallet.jsx @@ -10,6 +10,7 @@ import AddFund from './AddFund' import AddRecipient from './AddRecipient' import ConfirmTransfer from './ConfirmTransfer' import ConfirmAddFund from './ConfirmAddFund' +import WalletBox from "./WalletBox"; function Wallet() { return ( @@ -71,7 +72,8 @@ const WalletRoutes = () => { } /> } /> } /> - } /> + {/*} />*/} + } /> } /> } /> } /> diff --git a/src/components/MyWallet/WalletBox.jsx b/src/components/MyWallet/WalletBox.jsx new file mode 100644 index 0000000..4e8969c --- /dev/null +++ b/src/components/MyWallet/WalletBox.jsx @@ -0,0 +1,273 @@ +import React from "react"; +import bank1 from "../../assets/images/bank-1.png"; +import bank2 from "../../assets/images/bank-2.png"; +import bank3 from "../../assets/images/bank-3.png"; +import bank4 from "../../assets/images/bank-4.png"; +import Layout from "../Partials/Layout"; +import CurrencyStaticsSection from "./CurrencyStaticsSection"; +import CurrentBalanceWidget from "./CurrentBalanceWidget"; +import InvestmentSection from "./InvestmentSection"; +import RecentTransactionWidget from "./RecentTransactionWidget"; +import LoadingSpinner from "../Spinners/LoadingSpinner"; +import WalletItemCard from "./WalletItemCard"; + +export default function WalletBox({wallet, coupon}) { + return ( + <> + +
+
+
+ {wallet.loading ? + + : + wallet.data.length ? + wallet.data.map((item, index)=> ( +
+ +
+ )) : '' + } + + {/*
*/} + {/* */} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*

*/} + {/* My Wallet*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* */} + {/*
*/} + {/*
*/} + {/*

*/} + {/* MetaMask*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*

*/} + {/* $734.79*/} + {/*

*/} + {/*

*/} + {/* New Add*/} + {/* */} + {/* +324.75*/} + {/* */} + {/*

*/} + {/*
*/} + {/*
*/} + {/**/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/**/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* */} + {/*
*/} + {/*
*/} + {/*

*/} + {/* Coinbase Wallet*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*

*/} + {/* $734.79*/} + {/*

*/} + {/*

*/} + {/* New Add*/} + {/* */} + {/* +324.75*/} + {/* */} + {/*

*/} + {/*
*/} + {/*
*/} + {/**/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/**/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* */} + {/*
*/} + {/*
*/} + {/*

*/} + {/* Bitski*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*

*/} + {/* $734.79*/} + {/*

*/} + {/*

*/} + {/* New Add*/} + {/* */} + {/* +324.75*/} + {/* */} + {/*

*/} + {/*
*/} + {/*
*/} + {/**/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/**/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* */} + {/*
*/} + {/*
*/} + {/*

*/} + {/* WalletConnect*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*

*/} + {/* $734.79*/} + {/*

*/} + {/*

*/} + {/* New Add*/} + {/* */} + {/* +324.75*/} + {/* */} + {/*

*/} + {/*
*/} + {/*
*/} + {/**/} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/**/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} +
+ {/* flex space-x-11 */} + {/*
*/} + {/*
*/} + {/* */} + {/*
*/} + {/*
*/} + {/* */} + {/*
*/} + {/*
*/} +
+
+ + + ); +} diff --git a/src/components/MyWallet/WalletItemCard.jsx b/src/components/MyWallet/WalletItemCard.jsx new file mode 100644 index 0000000..00e3db3 --- /dev/null +++ b/src/components/MyWallet/WalletItemCard.jsx @@ -0,0 +1,132 @@ +import React, { useState } from "react"; +import background from "../../assets/images/shape/balance-bg.svg"; +import {PriceFormatter} from "../Helpers/PriceFormatter"; +import {Link} from "react-router-dom"; + +export default function WalletItemCard({walletItem}) { + const [eth] = useState(90); + const [btc] = useState(85); + const [ltc] = useState(20); + return ( +
+
+
+
+

+ . +

+

+ {walletItem.code} +

+
+
+
+ {/*

*/} + {/* 6,572.00*/} + {/*

*/} + {/*

*/} + {/* Total Transactions*/} + {/*

*/} +
+
+
+

+ Current Balance +

+

+ {PriceFormatter(walletItem.amount * 0.01, walletItem.code)} +

+

+ HOLDINGS : {PriceFormatter(walletItem.escrow * 0.01, walletItem.code)} + {/*(11.5%)*/} +

+
+
+ Transfer:'' + + + + + + + Add Credit + + + {/*
*/} + {/*
*/} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*

*/} + {/* {eth}*/} + {/* %*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*

2.32 ETH

*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*

*/} + {/* {btc}*/} + {/* %*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*

1.76 BTC

*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/*
*/} + {/* */} + {/* */} + {/* */} + {/* */} + {/*
*/} + {/*

*/} + {/* {ltc}*/} + {/* %*/} + {/*

*/} + {/*
*/} + {/*
*/} + {/*

2.32 LTC

*/} + {/*
*/} + {/*
*/} +
+
+ ); +}