Fix line graph when less than 60 days of data

web3index · Jun 7, 2023 · 80bedb9 · 80bedb9 · vercel · Jun 7, 2023
1 parent 22f876b
commit 80bedb9
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 17 deletions.
diff --git a/components/LineGraph/index.tsx b/components/LineGraph/index.tsx
@@ -83,7 +83,7 @@ const LineGraph = ({ color, days, dimensions }: props) => {
       const formattedData = days.map((day) => {
         return {
           time: new Date(day.date * 1000).toLocaleDateString("fr-CA"),
-          value: day.revenue,
+          value: days.length < 60 ? 0 : day.revenue,
         };
       });
       lineSeries.setData(formattedData);

diff --git a/components/Listing/index.tsx b/components/Listing/index.tsx
@@ -160,7 +160,7 @@ const Listing = ({ data, ...props }) => {
                   : "revenue";
               if (row.values.untracked) return "--";
               const color =
-                row.values.usage[paymentType].thirtyDayPercentChange > 0
+                row.values.usage[paymentType].thirtyDayPercentChange >= 0
                   ? defaultTheme.colors.green
                   : defaultTheme.colors.red;
 

diff --git a/components/RevenueChange/index.tsx b/components/RevenueChange/index.tsx
@@ -3,25 +3,28 @@ import { defaultTheme } from "../../stitches.config";
 
 const RevenueChange = ({ percentChange, css = {}, ...props }) => {
   const color =
-    parseFloat(percentChange) > 0
+    parseFloat(percentChange) >= 0
       ? defaultTheme.colors.green
       : defaultTheme.colors.red;
 
+  console.log(percentChange);
   return (
     <Box css={{ display: "flex", alignItems: "center", ...css }} {...props}>
-      <Box
-        css={{
-          fontSize: "$1",
-          width: "0",
-          height: "0",
-          borderStyle: "solid",
-          borderWidth: "0 4px 6px 4px",
-          borderColor: `transparent transparent ${color} transparent`,
-          mr: "$1",
-          transform:
-            parseFloat(percentChange) > 0 ? "rotate(0)" : "rotate(180deg)",
-        }}
-      />
+      {parseFloat(percentChange) !== 0 && (
+        <Box
+          css={{
+            fontSize: "$1",
+            width: "0",
+            height: "0",
+            borderStyle: "solid",
+            borderWidth: "0 4px 6px 4px",
+            borderColor: `transparent transparent ${color} transparent`,
+            mr: "$1",
+            transform:
+              parseFloat(percentChange) > 0 ? "rotate(0)" : "rotate(180deg)",
+          }}
+        />
+      )}
       <Box css={{ color }}>{percentChange}%</Box>
     </Box>
   );

diff --git a/components/Ticker/index.tsx b/components/Ticker/index.tsx
@@ -13,7 +13,7 @@ const Project = ({ project }) => {
       : "revenue";
 
   const color =
-    project.usage[paymentType].thirtyDayPercentChange > 0
+    project.usage[paymentType].thirtyDayPercentChange >= 0
       ? defaultTheme.colors.green
       : defaultTheme.colors.red;