Beta

src/App.css

@@ -610,4 +610,4 @@ button.btn.btn-outline:disabled {
   box-shadow: inset 0px 0px 20px 1px rgba(255, 255, 255, 0.2);
   -webkit-mask: radial-gradient(67px, #0000 98%, #000);
   mask: radial-gradient(67px, #0000 98%, #000);
-}
+}

src/App.jsx

@@ -13,6 +13,7 @@ import Vaults from './pages/vaults/Vaults';
 import Vault from './pages/vault/Vault';
 import VaultHistory from './pages/vault/VaultHistory';
 import LiquidationPools from './pages/liquidation-pools/LiquidationPools';
+import StakingPool from './pages/staking-pool/StakingPool';
 import TermsOfUse from './pages/TermsOfUse';
 
 import './App.css';
@@ -34,6 +35,7 @@ function App() {
                 <Route path="vault/:vaultId" element={<DashLayout><Vault /></DashLayout>} />
                 <Route path="vault/:vaultId/history" element={<DashLayout><VaultHistory /></DashLayout>} />
                 <Route path="liquidation-pools" element={<DashLayout><LiquidationPools /></DashLayout>} />
+                <Route path="staking-pool" element={<DashLayout><StakingPool /></DashLayout>} />
                 <Route path="termsofuse" element={<DashLayout><TermsOfUse /></DashLayout>} />
                 <Route path="*" element={<Home/>} />
               </Routes>

src/abis/stakingPoolV2.jsx

@@ -0,0 +1,148 @@
+export const abi = [
+  {
+    "inputs": [
+      {
+        "internalType": "bool",
+        "name": "_compound",
+        "type": "bool"
+      }
+    ],
+    "name": "claim",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [],
+    "name": "dailyYield",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "_EUROs",
+        "type": "uint256"
+      },
+      {
+        "components": [
+          {
+            "internalType": "address",
+            "name": "token",
+            "type": "address"
+          },
+          {
+            "internalType": "uint256",
+            "name": "amount",
+            "type": "uint256"
+          }
+        ],
+        "internalType": "struct Staking.Reward[]",
+        "name": "_rewards",
+        "type": "tuple[]"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_tst",
+        "type": "uint256"
+      },
+      {
+        "internalType": "uint256",
+        "name": "_euros",
+        "type": "uint256"
+      }
+    ],
+    "name": "decreaseStake",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "uint256",
+        "name": "_tst",
+        "type": "uint256"
+      },
+      {
+        "internalType": "uint256",
+        "name": "_euros",
+        "type": "uint256"
+      }
+    ],
+    "name": "increaseStake",
+    "outputs": [],
+    "stateMutability": "nonpayable",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "",
+        "type": "address"
+      }
+    ],
+    "name": "positions",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "start",
+        "type": "uint256"
+      },
+      {
+        "internalType": "uint256",
+        "name": "TST",
+        "type": "uint256"
+      },
+      {
+        "internalType": "uint256",
+        "name": "EUROs",
+        "type": "uint256"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  },
+  {
+    "inputs": [
+      {
+        "internalType": "address",
+        "name": "_holder",
+        "type": "address"
+      }
+    ],
+    "name": "projectedEarnings",
+    "outputs": [
+      {
+        "internalType": "uint256",
+        "name": "_EUROs",
+        "type": "uint256"
+      },
+      {
+        "components": [
+          {
+            "internalType": "address",
+            "name": "token",
+            "type": "address"
+          },
+          {
+            "internalType": "uint256",
+            "name": "amount",
+            "type": "uint256"
+          }
+        ],
+        "internalType": "struct Staking.Reward[]",
+        "name": "_rewards",
+        "type": "tuple[]"
+      }
+    ],
+    "stateMutability": "view",
+    "type": "function"
+  }
+]
+
+export default abi;

src/components/liquidation-pools/ClaimTokens.jsx

@@ -86,7 +86,7 @@ const ClaimTokens = ({
       <Card className="card-compact w-full">
         <div className="card-body">
           <Typography variant="h2" className="card-title justify-between">
-            Claimable Tokens
+            Claimable Liquidation Pool Tokens
           </Typography>
 
           <div className="overflow-x-auto">

src/components/liquidation-pools/StakedAssets.jsx

@@ -24,7 +24,7 @@ const StakedAssets = ({
     <>
       <Card className="card-compact w-full">
         <div className="card-body">
-          <Typography variant="h2" className="card-title">Staked Assets</Typography>
+          <Typography variant="h2" className="card-title">Staked Liquidation Pool Assets</Typography>
 
           <div className="overflow-x-auto">
             <table className="table">

src/components/liquidation-pools/ValueChart.jsx

@@ -114,6 +114,7 @@ const ValueChart = ({ chartData }) => {
           tooltip: {
             enabled: true,
             shared: true,
+            theme: 'dark',
             x: {
               show: false,
               // formatter: function (

src/components/liquidation-pools/VolumeChart.jsx

@@ -119,6 +119,7 @@ const VolumeChart = ({ chartData }) => {
           tooltip: {
             enabled: true,
             shared: true,
+            theme: 'dark',  
             x: {
               show: false,
               // formatter: function (