Merge branch '202411-merkl-yield' of github.com:the-standard/decentra…

…lised-dashboard-fork into beta
the-standard · Nov 14, 2024 · d05032b · d05032b
2 parents 906829c + 78f08d7
commit d05032b
Show file tree

Hide file tree

Showing 2 changed files with 67 additions and 0 deletions.
diff --git a/src/pages/vault/Vault.jsx b/src/pages/vault/Vault.jsx
@@ -274,6 +274,37 @@ const Vault = () => {
             assetsLoading={!assets.length || assets.length === 0}
             yieldEnabled={yieldEnabled}
           />
+          <Card className="flex-1 card-compact mt-4">
+            <div className="card-body">
+              <div
+                className="flex flex-col md:flex-row"
+              >
+                <div className="flex flex-col my-auto mx-0">
+                  <Typography variant="h2" className="card-title">
+                    Earn From Every Transaction | TST stakers receive:
+                  </Typography>
+                  <Typography variant="p">
+                    💰 1% of all yield pool deposits<br/>
+                    💸 Up to 5% of debt minting fees<br/>
+                    💎 1% of all collateral trades
+                  </Typography>
+                </div>
+              </div>
+
+              <div
+                className="card-actions pt-4"
+              >
+                <Button
+                  className="w-full"
+                  color="primary"
+                  onClick={() => navigate('../staking-pool')}
+                >
+                  Start Staking
+                </Button>
+              </div>
+            </div>
+          </Card>
+
         </div>
 
         <YieldParent

diff --git a/src/pages/vaults/Vaults.jsx b/src/pages/vaults/Vaults.jsx
@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { useNavigate } from "react-router-dom";
 
 import { ethers } from "ethers";
 import {
@@ -19,11 +20,16 @@ import {
 
 import VaultCreate from "../../components/vaults/VaultCreate";
 import VaultList from "../../components/vaults/VaultList";
+import Card from "../../components/ui/Card";
+import Typography from "../../components/ui/Typography";
+import Button from "../../components/ui/Button";
 
 const Vaults = () => {
   const { address: accountAddress } = useAccount();
   const { vaultManagerAbi } = useVaultManagerAbiStore();
 
+  const navigate = useNavigate();
+
   const {
     arbitrumSepoliaContractAddress,
     arbitrumContractAddress
@@ -182,6 +188,36 @@ const Vaults = () => {
 
   return (
     <main>
+      <Card className="flex-1 card-compact mb-4">
+        <div className="card-body">
+          <div
+            className="flex flex-col md:flex-row"
+          >
+            <div className="flex flex-col my-auto mx-0">
+              <Typography variant="h2" className="card-title">
+              Stake TST Today | Earn Protocol Fees + Early Governance | Join Before $10M TVL
+              </Typography>
+              <Typography variant="h3">
+                💰 1% of all yield pool deposits<br/>
+                💸 Up to 5% of debt minting fees<br/>
+                💎 1% of all collateral trades
+              </Typography>
+            </div>
+          </div>
+
+          <div
+            className="card-actions"
+          >
+            <Button
+              className="w-auto"
+              color="primary"
+              onClick={() => navigate('../staking-pool')}
+            >
+              Start Staking
+            </Button>
+          </div>
+        </div>
+      </Card>
       <VaultCreate
         tokenId={tokenId}
         vaultType={vaultType}