From 89558cdd1a1380993137e79998b7476f1382e288 Mon Sep 17 00:00:00 2001
From: Joshua Coles <josh@coles.to>
Date: Wed, 28 Feb 2024 17:18:56 +0000
Subject: [PATCH] Remove unnecessary user interaction with donut chart

---
 src/components/Donut.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Donut.tsx b/src/components/Donut.tsx
index c5ddd77..f711ef4 100644
--- a/src/components/Donut.tsx
+++ b/src/components/Donut.tsx
@@ -8,7 +8,12 @@ export type DonutChartData = {
     value: number;
 }[];
 
-export function Donut({data, centerLabel, formatter, hoverSuffix}: {
+export function Donut({
+                          data,
+                          centerLabel,
+                          formatter,
+                          hoverSuffix
+                      }: {
     data: DonutChartData,
     formatter: (value: number) => string,
     centerLabel: string,
@@ -71,12 +76,13 @@ export function Donut({data, centerLabel, formatter, hoverSuffix}: {
                                 strokeWidth="3"
                                 strokeDasharray={`${value * normalisingFactor} ${100 - value * normalisingFactor}`}
                                 strokeDashoffset={100 - (offset * normalisingFactor) + 25}
+                                style={{outline: 'none'}}
                             />
                         )
                     })
                 }
 
-                <g className="chart-text">
+                <g className="chart-text" style={{ userSelect: 'none'}}>
                     <text x="50%" y="50%" className="chart-number">
                         {formatter(total)}
                     </text>