Use new Centrifuge SDK in cashflow report (#2549)

* Use Centrifuge SDK in cashflow report * Remove unused cashflow chart files * Fix asset purchases/asset financings * Use first offical alpha release of sdk * add new sdk to current app (#2579) * Upgrade SDK * Add hook * Add formatting and utils * Add to reports * wip[ * Fix bugs based on new sdk release * Add reports to query * Remove console * Fix formatting options * Fix imports * Fix formatting * Fix percentage function * Feedback changes Move filter to sdk and specify the sdk version * fix bug on report type --------- Co-authored-by: Guillermo Perez <[email protected]> Co-authored-by: Katty Barroso <[email protected]>
centrifuge · Feb 12, 2025 · 3ff9903 · 3ff9903
1 parent c862468
commit 3ff9903
Show file tree

Hide file tree

Showing 21 changed files with 5,231 additions and 4,963 deletions.
diff --git a/centrifuge-app/package.json b/centrifuge-app/package.json
@@ -29,6 +29,7 @@
     "@centrifuge/centrifuge-js": "workspace:*",
     "@centrifuge/centrifuge-react": "workspace:*",
     "@centrifuge/fabric": "workspace:*",
+    "@centrifuge/sdk": "0.0.0-alpha.12",
     "@makerdao/multicall": "^0.12.0",
     "@polkadot/react-identicon": "~3.1.4",
     "@styled-system/css": "^5.1.5",
@@ -48,6 +49,7 @@
     "styled-components": "^5.3.5",
     "styled-system": "^5.1.5",
     "typescript": "~5.3.3",
+    "viem": "^2.21.53",
     "vitest": "^1.2.1",
     "ws": "^8.18.0"
   },

diff --git a/centrifuge-app/src/components/Charts/CashflowsChart.tsx b/centrifuge-app/src/components/Charts/CashflowsChart.tsx
diff --git a/centrifuge-app/src/components/Charts/SimpleBarChart.tsx b/centrifuge-app/src/components/Charts/SimpleBarChart.tsx
@@ -1,9 +1,9 @@
-import { CurrencyBalance, CurrencyMetadata } from '@centrifuge/centrifuge-js'
-import { Shelf, Text } from '@centrifuge/fabric'
+import { CurrencyMetadata } from '@centrifuge/centrifuge-js'
+import { Box, Shelf, Text } from '@centrifuge/fabric'
 import { Bar, BarChart, CartesianGrid, ReferenceLine, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts'
 import { useTheme } from 'styled-components'
 import { formatDate } from '../../../src/utils/date'
-import { formatBalance, formatBalanceAbbreviated } from '../../../src/utils/formatting'
+import { formatBalance, formatBalanceAbbreviated } from '../../../src/utils/formatting-sdk'
 import { LoadBoundary } from '../LoadBoundary'
 import { CustomTick } from './PoolPerformanceChart'
 import { TooltipContainer, TooltipTitle } from './Tooltip'
@@ -62,10 +62,7 @@ export const SimpleBarChart = ({ currency, data, groupBy }: SimpleBarChartProps)
             angle={45}
           />
           <YAxis
-            tickFormatter={(tick: number) => {
-              const balance = new CurrencyBalance(tick, currency?.decimals || 0)
-              return formatBalanceAbbreviated(balance, '', 0)
-            }}
+            tickFormatter={(tick: any) => formatBalanceAbbreviated(tick, 0)}
             tick={{ fontSize: 10, color: theme.colors.textPrimary }}
             tickLine={false}
             axisLine={false}
@@ -79,10 +76,14 @@ export const SimpleBarChart = ({ currency, data, groupBy }: SimpleBarChartProps)
               if (payload && payload?.length > 0) {
                 return (
                   <TooltipContainer>
-                    <TooltipTitle>{formatDate(payload[0].payload.name)}</TooltipTitle>
-                    {payload.map((item) => (
-                      <Text variant="body3">{formatBalance(item.value as number, currency)}</Text>
-                    ))}
+                    {payload.map((item) => {
+                      return (
+                        <Box>
+                          <TooltipTitle>{formatDate(item.payload.name)}</TooltipTitle>
+                          <Text variant="body3">{formatBalance(item.value ?? 0, 2, currency?.displayName)}</Text>
+                        </Box>
+                      )
+                    })}
                   </TooltipContainer>
                 )
               }

diff --git a/centrifuge-app/src/components/PoolOverview/Cashflows.tsx b/centrifuge-app/src/components/PoolOverview/Cashflows.tsx