From 57404fbf9b52c30a2116a6da0a6c2822039ea0e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Tue, 28 May 2024 14:38:00 +0200
Subject: [PATCH] disable more chart animations

---
 .../[projectId]/retention/last-active-users/chart.tsx          | 1 +
 .../[projectId]/retention/rolling-active-users/chart.tsx       | 3 +++
 .../[projectId]/retention/users-retention-series/chart.tsx     | 1 +
 apps/dashboard/src/components/report/chart/MetricCard.tsx      | 1 +
 4 files changed, 6 insertions(+)

diff --git a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/last-active-users/chart.tsx b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/last-active-users/chart.tsx
index 38b85b95..35c33c8a 100644
--- a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/last-active-users/chart.tsx
+++ b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/last-active-users/chart.tsx
@@ -68,6 +68,7 @@ const Chart = ({ data }: Props) => {
               stroke={getChartColor(0)}
               strokeWidth={2}
               fill={`url(#bg)`}
+              isAnimationActive={false}
             />
             <XAxis
               dataKey="days"
diff --git a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/rolling-active-users/chart.tsx b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/rolling-active-users/chart.tsx
index 55c1fe46..a3bcb296 100644
--- a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/rolling-active-users/chart.tsx
+++ b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/rolling-active-users/chart.tsx
@@ -109,18 +109,21 @@ const Chart = ({ data }: Props) => {
               stroke={getChartColor(0)}
               strokeWidth={2}
               fill={`url(#dau)`}
+              isAnimationActive={false}
             />
             <Area
               dataKey="wau"
               stroke={getChartColor(1)}
               strokeWidth={2}
               fill={`url(#wau)`}
+              isAnimationActive={false}
             />
             <Area
               dataKey="mau"
               stroke={getChartColor(2)}
               strokeWidth={2}
               fill={`url(#mau)`}
+              isAnimationActive={false}
             />
             <XAxis
               dataKey="date"
diff --git a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/users-retention-series/chart.tsx b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/users-retention-series/chart.tsx
index bda35bf8..e34a1067 100644
--- a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/users-retention-series/chart.tsx
+++ b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/users-retention-series/chart.tsx
@@ -83,6 +83,7 @@ const Chart = ({ data }: Props) => {
               stroke={getChartColor(0)}
               strokeWidth={2}
               fill={`url(#bg)`}
+              isAnimationActive={false}
             />
             <XAxis
               axisLine={false}
diff --git a/apps/dashboard/src/components/report/chart/MetricCard.tsx b/apps/dashboard/src/components/report/chart/MetricCard.tsx
index db01305f..cc77bcd6 100644
--- a/apps/dashboard/src/components/report/chart/MetricCard.tsx
+++ b/apps/dashboard/src/components/report/chart/MetricCard.tsx
@@ -82,6 +82,7 @@ export function MetricCard({
                 fillOpacity={1}
                 stroke={graphColors}
                 strokeWidth={2}
+                isAnimationActive={false}
               />
             </AreaChart>
           )}