From dd8b1028d684316352a77924ac8d74c6a3a478fc Mon Sep 17 00:00:00 2001
From: Andres <andres99.dev@gmail.com>
Date: Fri, 25 Apr 2025 21:53:59 +0200
Subject: [PATCH] add yaxis to mmr chart

---
 .../players/[id]/_components/mmr-trend-chart.tsx       | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/(home)/players/[id]/_components/mmr-trend-chart.tsx b/src/app/(home)/players/[id]/_components/mmr-trend-chart.tsx
index 4616c89..1ad9877 100644
--- a/src/app/(home)/players/[id]/_components/mmr-trend-chart.tsx
+++ b/src/app/(home)/players/[id]/_components/mmr-trend-chart.tsx
@@ -14,7 +14,7 @@ import {
   ChartTooltipContent,
 } from '@/components/ui/chart'
 import type { SelectGames } from '@/server/db/types'
-import { CartesianGrid, Line, LineChart, XAxis } from 'recharts'
+import { CartesianGrid, Line, LineChart, XAxis, YAxis } from 'recharts'
 
 const chartConfig = {
   mmr: {
@@ -37,7 +37,7 @@ export function MmrTrendChart({ games }: { games: SelectGames[] }) {
         <CardTitle>MMR Trends</CardTitle>
         <CardDescription>All time</CardDescription>
       </CardHeader>
-      <CardContent>
+      <CardContent className={'p-2'}>
         <ChartContainer config={chartConfig}>
           <LineChart
             accessibilityLayer
@@ -60,6 +60,12 @@ export function MmrTrendChart({ games }: { games: SelectGames[] }) {
                 })
               }
             />
+            <YAxis
+              dataKey={'mmr'}
+              width={40}
+              tickLine={false}
+              axisLine={false}
+            />
             <ChartTooltip
               cursor={false}
               content={<ChartTooltipContent hideLabel />}