pool portfolio break down

zeitgeistpm · Mar 25, 2024 · 299e178 · 299e178
1 parent 5ea8ca3
commit 299e178
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/components/portfolio/Breakdown.tsx b/components/portfolio/Breakdown.tsx
@@ -23,7 +23,12 @@ export type PortfolioBreakdownProps =
  * @returns JSX.Element
  */
 export const PortfolioBreakdown = (props: PortfolioBreakdownProps) => {
-  const { data: pools } = useAccountAmm2Pool(props.address);
+  const { data: pools, isLoading: poolIsLoading } = useAccountAmm2Pool(
+    props.address,
+  );
+  const poolZtgTotal = pools?.reduce<Decimal>((total, pool) => {
+    return total.plus(pool.addressZtgValue);
+  }, new Decimal(0));
 
   return (
     <div className="flex flex-col gap-y-[30px] md:flex-row">
@@ -56,12 +61,12 @@ export const PortfolioBreakdown = (props: PortfolioBreakdownProps) => {
 
       <div className="flex w-full max-w-[600px] md:pl-4">
         <div className="flex-1 border-r-2 border-gray-200">
-          {"loading" in props ? (
+          {"loading" in props || poolIsLoading ? (
             <BreakdownSlotSkeleton />
           ) : (
             <BreakdownSlot
               title="Liquidity"
-              value={props.subsidy.value}
+              value={poolZtgTotal?.mul(ZTG) ?? new Decimal(0)}
               usdZtgPrice={props.usdZtgPrice}
               changePercentage={props.subsidy.changePercentage}
             />

diff --git a/lib/hooks/queries/useAccountAmm2Pools.ts b/lib/hooks/queries/useAccountAmm2Pools.ts
@@ -81,7 +81,8 @@ export const useAccountAmm2Pool = (address?: string) => {
         const addressValue = totalValue.mul(percentageOwnership).div(ZTG);
 
         const addressUsdValue = addressValue.mul(baseAssetUsdPrice);
-        const addressZtgValue = addressUsdValue.mul(ztgPrice);
+        const addressZtgValue = addressUsdValue.div(ztgPrice);
+
         return {
           ...pool,
           totalValue,

diff --git a/pages/portfolio/[address].tsx b/pages/portfolio/[address].tsx
@@ -85,6 +85,7 @@ const Portfolio: NextPageWithLayout = () => {
       {address && <PortfolioIdentity address={address} />}
       <div className="mb-12">
         <PortfolioBreakdown
+          address={address}
           {...(breakdown ?? {
             loading: true,
           })}