Add inception value

centrifuge · Jan 13, 2025 · cf572af · cf572af
1 parent 1d71e32
commit cf572af
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/centrifuge-app/src/components/Portfolio/Holdings.tsx b/centrifuge-app/src/components/Portfolio/Holdings.tsx
@@ -1,4 +1,4 @@
-import { CurrencyBalance, Token, evmToSubstrateAddress } from '@centrifuge/centrifuge-js'
+import { CurrencyBalance, Perquintill, Token, evmToSubstrateAddress } from '@centrifuge/centrifuge-js'
 import { NetworkIcon, formatBalance, useBalances, useCentrifuge, useWallet } from '@centrifuge/centrifuge-react'
 import { Box, Grid, IconDownload, IconMinus, IconPlus, IconSend, Shelf, Text, Thumbnail } from '@centrifuge/fabric'
 import Decimal from 'decimal.js-light'
@@ -38,6 +38,7 @@ export type Holding = {
   connectedNetwork?: any
   realizedProfit?: CurrencyBalance
   unrealizedProfit?: CurrencyBalance
+  yieldSinceInception?: Perquintill | null
 }
 
 const columns: Column[] = [

diff --git a/centrifuge-app/src/components/Portfolio/usePortfolio.ts b/centrifuge-app/src/components/Portfolio/usePortfolio.ts
@@ -2,6 +2,7 @@ import {
   CurrencyBalance,
   CurrencyMetadata,
   InvestorTransactionType,
+  Perquintill,
   Price,
   Token,
   TokenBalance,
@@ -170,6 +171,7 @@ export function usePortfolio(substrateAddress?: string) {
           timestamp
           trancheId
           tranche {
+            yieldSinceInception
             pool {
               sumUnrealizedProfitAtMarketPrice
               sumRealizedProfitFifoByPeriod
@@ -195,6 +197,7 @@ export function usePortfolio(substrateAddress?: string) {
         tokenPrice: Price
         unrealizedProfit: CurrencyBalance
         realizedProfit: CurrencyBalance
+        yieldSinceInception: Perquintill | null
       }
     > = {}
 
@@ -213,6 +216,7 @@ export function usePortfolio(substrateAddress?: string) {
           tokenPrice,
           realizedProfit: new CurrencyBalance(position.tranche.pool.sumRealizedProfitFifoByPeriod, decimals),
           unrealizedProfit: new CurrencyBalance(position.tranche.pool.sumUnrealizedProfitAtMarketPrice, decimals),
+          yieldSinceInception: new Perquintill(position.tranche.yieldSinceInception),
         }
       }
     })
@@ -231,6 +235,7 @@ type PortfolioToken = {
   currency: Token['currency']
   realizedProfit: CurrencyBalance
   unrealizedProfit: CurrencyBalance
+  yieldSinceInception: Perquintill
 }
 
 export function usePortfolioTokens(address?: string) {
@@ -246,6 +251,7 @@ export function usePortfolioTokens(address?: string) {
           poolId: tranche.poolId,
           realizedProfit: portfolioData[tranche.id]?.realizedProfit,
           unrealizedProfit: portfolioData[tranche.id]?.unrealizedProfit,
+          yieldSinceInception: portfolioData[tranche.id]?.yieldSinceInception,
         }
         return tranches
       }, tranches),
@@ -257,6 +263,7 @@ export function usePortfolioTokens(address?: string) {
         currency: CurrencyMetadata
         realizedProfit: CurrencyBalance
         unrealizedProfit: CurrencyBalance
+        yieldSinceInception: Perquintill | null
       }
     >
   )
@@ -276,6 +283,7 @@ export function usePortfolioTokens(address?: string) {
         currency: trancheTokenPrices[trancheId].currency,
         realizedProfit: trancheTokenPrices[trancheId].realizedProfit,
         unrealizedProfit: trancheTokenPrices[trancheId].unrealizedProfit,
+        yieldSinceInception: trancheTokenPrices[trancheId].yieldSinceInception,
       }
     }, [] as PortfolioToken[])
   }

diff --git a/centrifuge-app/src/pages/Prime/Detail.tsx b/centrifuge-app/src/pages/Prime/Detail.tsx
@@ -11,7 +11,7 @@ import { Transactions } from '../../../src/components/Portfolio/Transactions'
 import { Resolutions } from '../../../src/components/Resolutions'
 import { config } from '../../../src/config'
 import { Dec } from '../../../src/utils/Decimal'
-import { formatBalance } from '../../../src/utils/formatting'
+import { formatBalance, formatPercentage } from '../../../src/utils/formatting'
 import { Holdings, useHoldings } from '../../components/Portfolio/Holdings'
 import { useDAOConfig } from '../../utils/useDAOConfig'
 
@@ -42,7 +42,7 @@ const PrimeDetail = () => {
     Dec(0)
   )
 
-  console.log(tokens[0].realizedProfit?.toDecimal())
+  const yieldSinceInception = tokens.find((token) => token.yieldSinceInception)?.yieldSinceInception
 
   return !isLoading && dao && centAddress ? (
     <Stack mx={1} my={1}>
@@ -53,16 +53,16 @@ const PrimeDetail = () => {
             label: 'Portfolio Value',
             value: formatBalance(currentPortfolioValue || 0, ''),
             heading: false,
-            children: (
+            children: yieldSinceInception ? (
               <Box backgroundColor={theme.colors.statusOkBg} padding="4px" borderRadius={4}>
                 <Text variant="body4" color="statusOk" style={{ fontWeight: 500 }}>
-                  +25
+                  +{formatPercentage(yieldSinceInception)}
                 </Text>
                 <Text variant="body4" color="statusOk">
                   Since inception
                 </Text>
               </Box>
-            ),
+            ) : null,
           },
           {
             label: 'Realized P&L',