make user growth chart use steps instead of curve since that doesnt r…

…eally make sense Signed-off-by: 3nt3 <gott@3nt3.de>
BixConcept · Feb 25, 2022 · aa864b1 · aa864b1
1 parent ad97a9f
commit aa864b1
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/src/pages/AdminDashboard.tsx b/src/pages/AdminDashboard.tsx
@@ -204,13 +204,16 @@ function UserGrowthChart(props: { users: User[]; requestState: RequestState }) {
           data={[
             {
               id: "growth_graph",
-              data: props.users.reduce(
-                (previousValue: any[], user: User) => [
-                  ...previousValue,
-                  { x: user.createdAt, y: previousValue.length + 1 },
-                ],
-                []
-              ),
+              data: [
+                ...props.users.reduce(
+                  (previousValue: any[], user: User) => [
+                    ...previousValue,
+                    { x: user.createdAt, y: previousValue.length + 1 },
+                  ],
+                  []
+                ),
+                { x: new Date(), y: props.users.length },
+              ],
             },
           ]}
           enablePointLabel={false}
@@ -243,7 +246,7 @@ function UserGrowthChart(props: { users: User[]; requestState: RequestState }) {
             fontSize: 14,
             crosshair: { line: { stroke: "var(--text_color)" } },
           }}
-          curve="monotoneX"
+          curve="step"
           sliceTooltip={({ slice }) => {
             return (
               <div id={css.tooltip}>