update amounts inputed in real time on the deposit info

src/assets/icons/index.ts

@@ -16,6 +16,7 @@ import { ReactComponent as FolderIcon } from '@assets/icons/folder.svg';
 import { ReactComponent as BellIcon } from '@assets/icons/bell.svg';
 import { ReactComponent as ExportIcon } from '@assets/icons/export.svg';
 import { ReactComponent as SearchIcon } from '@assets/icons/search.svg';
+import { ReactComponent as Search24Icon } from '@assets/icons/Search24.svg';
 import { ReactComponent as AttachIcon } from '@assets/icons/attach.svg';
 import { ReactComponent as EditIcon } from '@assets/icons/edit.svg';
 import { ReactComponent as HomeIcon } from '@assets/icons/home.svg';
@@ -38,8 +39,8 @@ import { ReactComponent as ChartminiIcon } from '@assets/icons/Chartmini.svg';
 import { ReactComponent as WalletIcon } from '@assets/icons/Wallet.svg';
 import { ReactComponent as UpIcon } from '@assets/icons/Up.svg';
 import { ReactComponent as DownIcon } from '@assets/icons/Down.svg';
-import { ReactComponent as ArrowUp2Icon } from '@assets/icons/arrowUp.svg';
-import { ReactComponent as ArrowDown2Icon } from '@assets/icons/arrowDown.svg';
+import { ReactComponent as ArrowUp2Icon } from '@assets/icons/arrowUp2.svg';
+import { ReactComponent as ArrowDown2Icon } from '@assets/icons/arrowDown2.svg';
 import { ReactComponent as BackIcon } from '@assets/icons/back.svg';
 import { ReactComponent as ArrowLeftIcon } from '@assets/icons/arrow-left.svg';
 import { ReactComponent as ArrowRightIcon } from '@assets/icons/arrow-right.svg';
@@ -48,7 +49,8 @@ import { ReactComponent as MetaMaskIcon } from '@assets/icons/Metamask.svg';
 import { ReactComponent as PointerIcon } from '@assets/icons/pointer.svg';
 import { ReactComponent as PointerBottomIcon } from '@assets/icons/pointer-bottom.svg';
 import { ReactComponent as LinkIcon } from '@assets/icons/link.svg';
-import { ReactComponent as BackPackLogo } from '@assets/icons/Backpack.svg';
+import { ReactComponent as BotIcon } from '@assets/icons/bot.svg';
+import { ReactComponent as BackPackLogo } from '@assets/icons/backpack.svg';
 import { ReactComponent as BONKLogo } from '@assets/icons/BONK.svg';
 import { ReactComponent as BTCLogo } from '@assets/icons/BTC.svg';
 import { ReactComponent as ETHLogo } from '@assets/icons/ETH.svg';
@@ -57,6 +59,9 @@ import { ReactComponent as SolanaLogo } from '@assets/icons/Solana.svg';
 import { ReactComponent as SolflareLogo } from '@assets/icons/Solflare.svg';
 import { ReactComponent as USDCLogo } from '@assets/icons/USDC.svg';
 import { ReactComponent as USDTLogo } from '@assets/icons/USDT.svg';
+import { ReactComponent as CubeLogo } from '@assets/icons/cube.svg';
+import { ReactComponent as BinanceLogo } from '@assets/icons/binance.svg';
+import { ReactComponent as UniswapLogo } from '@assets/icons/Uniswap.svg';
 
 export {
   AlarmClockIcon,
@@ -77,6 +82,7 @@ export {
   BellIcon,
   ExportIcon,
   SearchIcon,
+  Search24Icon,
   AttachIcon,
   EditIcon,
   HomeIcon,
@@ -109,6 +115,7 @@ export {
   PointerIcon,
   PointerBottomIcon,
   LinkIcon,
+  BotIcon,
   BONKLogo,
   BTCLogo,
   BackPackLogo,
@@ -118,4 +125,7 @@ export {
   SolflareLogo,
   USDCLogo,
   USDTLogo,
+  BinanceLogo,
+  CubeLogo,
+  UniswapLogo
 };

src/assets/styles/index.scss

@@ -3,6 +3,7 @@
 @tailwind utilities;
 
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 @import './variables';
 
 body {