feat: init GHO reserve interest rate history components

aave · Jan 22, 2025 · 988d257 · 988d257
1 parent b069faa
commit 988d257
Show file tree

Hide file tree

Showing 4 changed files with 504 additions and 0 deletions.
diff --git a/src/modules/history/gho-rate-history-query.ts b/src/modules/history/gho-rate-history-query.ts
@@ -0,0 +1,10 @@
+export const GHO_RATE_HISTORY_QUERY = `
+query GHORateHistory {
+  {
+    reserveConfigurationHistoryItems(where: {reserve_: {symbol: "GHO"}}){
+      timestamp
+      reserveInterestRateStrategy
+    }
+    }
+}
+`;
diff --git a/src/modules/reserve-overview/Gho/GhoReserveConfiguration.tsx b/src/modules/reserve-overview/Gho/GhoReserveConfiguration.tsx
@@ -8,6 +8,7 @@ import { ReserveEModePanel } from '../ReserveEModePanel';
 import { PanelRow, PanelTitle } from '../ReservePanels';
 import { GhoBorrowInfo } from './GhoBorrowInfo';
 import { GhoDiscountCalculator } from './GhoDiscountCalculator';
+import { GHOInterestRateModelGraphContainer } from '../graphs/GHOInterestRateModelGraphContainer';
 
 type GhoReserveConfigurationProps = {
   reserve: ComputedReserveData;
@@ -93,6 +94,15 @@ export const GhoReserveConfiguration: React.FC<GhoReserveConfigurationProps> = (
           </Box>
         </Box>
       </PanelRow>
+      <Divider sx={{ my: { xs: 6, sm: 10 } }} />
+      <PanelRow>
+        <PanelTitle>
+          <Trans>Historical Interest Rate</Trans>
+        </PanelTitle>
+        <Box sx={{ flexGrow: 1, minWidth: 0, maxWidth: '100%', width: '100%' }}>
+          <GHOInterestRateModelGraphContainer />
+        </Box>
+      </PanelRow>
       {reserve.eModes.length > 0 && (
         <>
           <Divider sx={{ my: { xs: 6, sm: 10 } }} />