From a5fa8bd52a2b9152503870f3d9233dc8125514d9 Mon Sep 17 00:00:00 2001
From: Jared He <66887902+jaredjhe@users.noreply.github.com>
Date: Sat, 18 Jun 2022 22:55:05 -0400
Subject: [PATCH] Change variable name

---
 components/PieChart.tsx | 6 +++---
 pages/playground.tsx    | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/PieChart.tsx b/components/PieChart.tsx
index 363b878..ad9bed6 100644
--- a/components/PieChart.tsx
+++ b/components/PieChart.tsx
@@ -7,7 +7,7 @@ import styles from "./PieChart.module.css";
 interface PieChartProps {
   data: PieChartData[];
   width: number;
-  textPadding: number;
+  labelWidth: number;
   className?: string;
 }
 
@@ -16,8 +16,8 @@ interface PieChartData {
   value: number;
 }
 
-export function PieChart({ width, textPadding, ...props }: PieChartProps) {
-  const pieWidth = width * 0.5 - textPadding;
+export function PieChart({ width, labelWidth, ...props }: PieChartProps) {
+  const pieWidth = width * 0.5 - labelWidth;
   return (
     <svg className={props.className} width={width} height={width}>
       <Group top={width * 0.5} left={width * 0.5}>
diff --git a/pages/playground.tsx b/pages/playground.tsx
index 897013b..de0f729 100644
--- a/pages/playground.tsx
+++ b/pages/playground.tsx
@@ -9,7 +9,7 @@ export default function Home() {
       <h1>Playground</h1>
       <p>Show off your components here!</p>
       <div style={{ padding: "30px" }}>
-        <PieChart data={mockPieData} width={800} textPadding={200} />
+        <PieChart data={mockPieData} width={800} labelWidth={200} />
       </div>
     </>
   );