From 165c1d1061cbcd3426be7ac3dc8393d5296de32f Mon Sep 17 00:00:00 2001
From: Jared He <66887902+jaredjhe@users.noreply.github.com>
Date: Wed, 6 Jul 2022 19:55:29 -0400
Subject: [PATCH] Add y-offset

---
 components/PieChart.tsx | 6 +++---
 data/mocks.ts           | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/PieChart.tsx b/components/PieChart.tsx
index 8eeea0d..30586ae 100644
--- a/components/PieChart.tsx
+++ b/components/PieChart.tsx
@@ -74,11 +74,11 @@ export function PieSlices({ isLabel, ...props }: PieSlicesProps<PieChartData>) {
             />
             <text
               className={isLabel ? styles.labelText : styles.pieText}
-              x={centroidX}
-              y={centroidY}
+              x={isLabel ? centroidX : centroidX}
+              y={isLabel ? centroidY : centroidY + 10}
               textAnchor="middle"
             >
-              {isLabel ? `${arc.data.category}` : `${arc.data.value}%`}
+              {isLabel ? `${arc.data.category}` :  `${arc.data.value}%`}
             </text>
           </g>
         );
diff --git a/data/mocks.ts b/data/mocks.ts
index 5b9827e..e6acbca 100644
--- a/data/mocks.ts
+++ b/data/mocks.ts
@@ -43,10 +43,10 @@ export const mockPieData = [
   },
   {
     category: "Quail",
-    value: 38,
+    value: 48,
   },
   {
     category: "Cuckoo",
-    value: 20,
+    value: 10,
   },
 ];