feat: swap auto fill, vault history, staking charts, logo and more

the-standard · May 17, 2024 · a5f4681 · a5f4681
1 parent 2b4d641
commit a5f4681
Show file tree

Hide file tree

Showing 17 changed files with 822 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "@web3modal/wagmi": "^4.0.5",
     "axios": "^1.6.8",
     "ethers": "^6.11.1",
+    "moment": "^2.30.1",
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.1",
     "react-daisyui": "^5.0.0",

diff --git a/src/App.jsx b/src/App.jsx
@@ -11,6 +11,7 @@ import DashLayout from "./components/ui/DashLayout";
 import Home from './pages/Home';
 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 './App.css';
 import 'react-toastify/dist/ReactToastify.min.css';
@@ -28,6 +29,7 @@ function App() {
                 <Route path="/" element={<Home />} />
                 <Route path="vaults" element={<DashLayout><Vaults /></DashLayout>} />
                 <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="*" element={<Home/>} />
               </Routes>

diff --git a/src/assets/bg-dark.webp b/src/assets/bg-dark.webp
diff --git a/src/assets/standardiologo.svg b/src/assets/standardiologo.svg
diff --git a/src/components/liquidation-pools/StakedAssets.jsx b/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">Vault List</Typography>
+          <Typography variant="h2" className="card-title">Staked Assets</Typography>
 
           <div className="overflow-x-auto">
             <table className="table table-zebra">

diff --git a/src/components/liquidation-pools/Staking.jsx b/src/components/liquidation-pools/Staking.jsx
@@ -266,7 +266,7 @@ const Staking = () => {
     <>
       <Card className="card-compact w-full">
         <div className="card-body">
-          <Typography variant="h2" className="card-title justify-between">
+          <Typography variant="h2" className="card-title flex justify-between">
             Deposit
 
             <Button size="sm" onClick={() => setHelpOpen(true)}>