chore: adding one extra field in the UI to facilitate the understandi…

…ng in the demo
credbull · Jan 18, 2024 · 4d27a9f · 4d27a9f
1 parent a245672
commit 4d27a9f
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/packages/app/src/app/(protected)/dashboard/lending.tsx b/packages/app/src/app/(protected)/dashboard/lending.tsx
@@ -11,7 +11,7 @@ import { IconCopy } from '@tabler/icons';
 import { format, isAfter, isBefore, parseISO } from 'date-fns';
 import _ from 'lodash';
 import { useEffect, useState } from 'react';
-import { parseEther } from 'viem';
+import { formatEther, parseEther } from 'viem';
 import { waitForTransactionReceipt } from 'viem/actions';
 import { Address, useAccount, useContractRead, useContractWrite, useWalletClient } from 'wagmi';
 import { z } from 'zod';
@@ -50,6 +50,14 @@ function Vault(props: VaultProps) {
     enabled: !!props.data.address && !!props.address,
   });
 
+  const { data: vaultTotalAssets } = useContractRead({
+    address: props.data.address as Address,
+    abi: ERC4626__factory.abi,
+    functionName: 'totalAssets',
+    watch: true,
+    enabled: !!props.data.address,
+  });
+
   const form = useForm({
     validate: zodResolver(schema),
     initialValues: {
@@ -131,7 +139,7 @@ function Vault(props: VaultProps) {
 
       <Group position="apart" mt="xl" mb="xs">
         <Text size="sm" color="gray">
-          Opens
+          Vault Opens
         </Text>
         <Text size="sm" color="gray">
           {format(opens, 'MM/dd/yyyy HH:mm')}
@@ -140,13 +148,22 @@ function Vault(props: VaultProps) {
 
       <Group position="apart" mt="md" mb="xs">
         <Text size="sm" color="gray">
-          Closes
+          Vault Closes
         </Text>
         <Text size="sm" color="gray">
           {format(closes, 'MM/dd/yyyy HH:mm')}
         </Text>
       </Group>
 
+      <Group position="apart" mt="md" mb="xs">
+        <Text size="sm" color="gray">
+          Vault Total Deposits
+        </Text>
+        <Text size="sm" color="gray">
+          {vaultTotalAssets ? formatEther(vaultTotalAssets) : '0'} USDC
+        </Text>
+      </Group>
+
       <Group position="apart" mt="md" mb="xs">
         <Text size="sm" color="gray">
           Vault Balance

diff --git a/scripts/bob/src/main.ts b/scripts/bob/src/main.ts
@@ -58,13 +58,13 @@ export const main = () => {
     const mintTx = await usdc.mint(bobSigner.address, parseEther('1000'));
     await mintTx.wait();
 
-    const approveTx = await usdc.approve(vaultAddress, parseEther('1'));
+    const approveTx = await usdc.approve(vaultAddress, parseEther('1000'));
     await approveTx.wait();
     console.log('Bob: gives the approval to the vault to swap it`s USDC. - OK');
 
     // console.log('Bob: deposits his USDC in the vault.');
     const vault = CredbullVault__factory.connect(vaultAddress, bobSigner);
-    const depositTx = await vault.deposit(parseEther('1'), bobSigner.address, { gasLimit: 10000000 });
+    const depositTx = await vault.deposit(parseEther('1000'), bobSigner.address, { gasLimit: 10000000 });
     await depositTx.wait();
     console.log('Bob: deposits his USDC in the vault. - OK');