Merge pull request #202 from the-standard/202404-snagging

202404 snagging
the-standard · Apr 22, 2024 · a00315c · a00315c
2 parents 385069a + a44a359
commit a00315c
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 2 deletions.
diff --git a/src/components/staking/StakingLiquidations.tsx b/src/components/staking/StakingLiquidations.tsx
@@ -24,6 +24,9 @@ import paxglogo from "../../assets/paxglogo.svg";
 import arblogo from "../../assets/arblogo.svg";
 import seurologo from "../../assets/EUROs.svg";
 import tstlogo from "../../assets/standardiologoicon.svg";
+import gmxlogo from "../../assets/gmxlogo.svg";
+import rdntlogo from "../../assets/rdntlogo.svg";
+import sushilogo from "../../assets/sushilogo.svg";
 
 function NoDataOverlay() {
   return (
@@ -172,6 +175,24 @@ const StakingLiquidations: React.FC<StakingLiquidationsProps> = ({
                   src={paxglogo}
                   alt="paxg logo"
                 />
+              ) : symbol === "GMX" ? (
+                <img
+                  style={{ height: "2rem", width: "2rem" }}
+                  src={gmxlogo}
+                  alt="gmx logo"
+                />
+              ) : symbol === "RDNT" ? (
+                <img
+                  style={{ height: "2rem", width: "2rem" }}
+                  src={rdntlogo}
+                  alt="rdnt logo"
+                />
+              ) : symbol === "SUSHI" ? (
+                <img
+                  style={{ height: "2rem", width: "2rem" }}
+                  src={sushilogo}
+                  alt="sushi logo"
+                />
               ) : (
                 <Box sx={{height: "2rem", width: "2rem"}}>
                 </Box>

diff --git a/src/components/staking/StakingStakedAssets.tsx b/src/components/staking/StakingStakedAssets.tsx
@@ -14,7 +14,9 @@ import paxglogo from "../../assets/paxglogo.svg";
 import arblogo from "../../assets/arblogo.svg";
 import seurologo from "../../assets/EUROs.svg";
 import tstlogo from "../../assets/standardiologoicon.svg";
-
+import gmxlogo from "../../assets/gmxlogo.svg";
+import rdntlogo from "../../assets/rdntlogo.svg";
+import sushilogo from "../../assets/sushilogo.svg";
 
 interface StakingStakedAssetsProps {
   stakingPositionsData: Array<any>;
@@ -134,6 +136,24 @@ const StakingStakedAssets: React.FC<StakingStakedAssetsProps> = ({
                   src={paxglogo}
                   alt="paxg logo"
                 />
+              ) : symbol === "GMX" ? (
+                <img
+                  style={{ height: "2rem", width: "2rem" }}
+                  src={gmxlogo}
+                  alt="gmx logo"
+                />
+              ) : symbol === "RDNT" ? (
+                <img
+                  style={{ height: "2rem", width: "2rem" }}
+                  src={rdntlogo}
+                  alt="rdnt logo"
+                />
+              ) : symbol === "SUSHI" ? (
+                <img
+                  style={{ height: "2rem", width: "2rem" }}
+                  src={sushilogo}
+                  alt="sushi logo"
+                />
               ) : (
                 <Box sx={{height: "2rem", width: "2rem"}}>
                 </Box>

diff --git a/src/components/staking/VolumeChart.tsx b/src/components/staking/VolumeChart.tsx
@@ -26,7 +26,19 @@ const VolumeChart: React.FC<VolumeChartProps> = ({ chartData }) => {
     setData(useData);
   }, [chartData]);
 
-  const colours = ['#8b4df9', '#f8e223', '#008FFB', '#00E396', '#e91e63', '#008FFB', '#00E396', '#CED4DC'];
+  const colours = [
+    '#8b4df9',
+    '#48e9b9',
+    '#f8e223',
+    '#008FFB',
+    '#e91e63',
+    '#CED4DC',
+    '#65e840',
+    '#e447c2',
+    '#ee6f0f',
+    '#48e9b9',
+    '#ea482b',
+  ];
 
   return (
     <Box sx={{