Charts fix

Author: dcodesdev

RELEASE_NOTES.md

@@ -1,7 +1,6 @@
 ### ✨ Features
 
-- Added subscriber growth chart to the dashboard
-- Can send emails without selecting a template
+- Chart updated
 - New features and improvements.
 
 ### 🐛 Bug Fixes

apps/web/src/pages/dashboard/dashboard/subscriber-growth-chart.tsx

@@ -15,10 +15,10 @@ import {
 } from "@repo/ui"
 import dayjs from "dayjs"
 import { ArrowDown, TrendingUp } from "lucide-react"
-import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
+import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts"
 
 const chartConfig = {
-  totalSubscribers: {
+  count: {
     label: "Total Subscribers",
     color: "hsl(var(--chart-1))",
   },
@@ -49,6 +49,10 @@ export const SubscriberGrowthChart = () => {
 
   const isLoading = analyticsLoading || dashboardLoading
 
+  const maxCount = Math.max(
+    ...(dashboard?.subscriberGrowth.map((item) => item.count) || [])
+  )
+
   return (
     <Card hoverEffect className="col-span-4">
       <CardHeader>
@@ -79,16 +83,23 @@ export const SubscriberGrowthChart = () => {
                 tickMargin={8}
                 tickFormatter={(value) => dayjs(value).format("DD MMM")}
               />
+              <YAxis
+                tickFormatter={(value) => value.toLocaleString()}
+                tickLine={false}
+                axisLine={false}
+                tickMargin={8}
+                tickCount={Math.min(maxCount, 10)}
+              />
               <ChartTooltip
                 cursor={false}
                 content={<ChartTooltipContent indicator="dot" />}
               />
               <Area
                 dataKey="count"
                 type="natural"
-                fill="var(--color-totalSubscribers)"
+                fill="var(--color-count)"
                 fillOpacity={0.4}
-                stroke="var(--color-totalSubscribers)"
+                stroke="var(--color-count)"
                 stackId="a"
               />
             </AreaChart>

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.4.10",
+  "version": "0.4.11",
   "name": "letterspace",
   "private": true,
   "scripts": {