From 7c3f1298095727fcacdc903fa79369d5624bf3df Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Wed, 26 Jun 2024 22:01:38 -0700
Subject: lint project

---
 src/components/DataChart/DataChart.tsx | 130 ++++++++++++++++-----------------
 1 file changed, 65 insertions(+), 65 deletions(-)

(limited to 'src/components/DataChart/DataChart.tsx')

diff --git a/src/components/DataChart/DataChart.tsx b/src/components/DataChart/DataChart.tsx
index 4f8eecd..3b8304a 100644
--- a/src/components/DataChart/DataChart.tsx
+++ b/src/components/DataChart/DataChart.tsx
@@ -1,82 +1,82 @@
-import React from "react";
 import {
-  Chart as ChartJS,
-  CategoryScale,
-  LinearScale,
-  PointElement,
-  LineElement,
-  Title,
-  Tooltip,
-  Legend,
+	CategoryScale,
+	Chart as ChartJS,
+	Legend,
+	LineElement,
+	LinearScale,
+	PointElement,
+	Title,
+	Tooltip,
 } from "chart.js";
+import type React from "react";
 import { Line } from "react-chartjs-2";
 
 ChartJS.register(
-  CategoryScale,
-  LinearScale,
-  PointElement,
-  LineElement,
-  Title,
-  Tooltip,
-  Legend
+	CategoryScale,
+	LinearScale,
+	PointElement,
+	LineElement,
+	Title,
+	Tooltip,
+	Legend,
 );
 
 interface DataChartProps {
-  chartData?: any;
-  graphTitle?: string;
-  fullData?: boolean;
-  overrideBorderColor?: string
-  overrideBGColor?: string
+	chartData?: any;
+	graphTitle?: string;
+	fullData?: boolean;
+	overrideBorderColor?: string;
+	overrideBGColor?: string;
 }
 
 const DataChart: React.FC<DataChartProps> = ({
-  chartData,
-  graphTitle,
-  fullData,
-  overrideBGColor,
-  overrideBorderColor
+	chartData,
+	graphTitle,
+	fullData,
+	overrideBGColor,
+	overrideBorderColor,
 }) => {
-  const options = {
-    responsive: true,
-    plugins: {
-      legend: {
-        position: "top" as const,
-      },
-      title: {
-        display: true,
-        text: graphTitle || "Historical Subscriber Data",
-        font: {
-          size: 18,
-        },
-      },
-    },
-    scales: {
-      x: {
-        ticks: {
-          autoSkip: true,
-          maxTicksLimit: 10,
-        },
-      },
-    },
-  };
+	const options = {
+		responsive: true,
+		plugins: {
+			legend: {
+				position: "top" as const,
+			},
+			title: {
+				display: true,
+				text: graphTitle || "Historical Subscriber Data",
+				font: {
+					size: 18,
+				},
+			},
+		},
+		scales: {
+			x: {
+				ticks: {
+					autoSkip: true,
+					maxTicksLimit: 10,
+				},
+			},
+		},
+	};
 
-  const data = {
-    labels: chartData.labels,
-    datasets: [
-      {
-        label: "Subscriber Count",
-        data: chartData.datasets,
-        borderColor: overrideBorderColor||"rgb(255, 99, 132)",
-        backgroundColor: overrideBGColor||"rgba(255, 99, 132, 0.5)",
-      },
-    ],
-  };
+	const data = {
+		labels: chartData.labels,
+		datasets: [
+			{
+				label: "Subscriber Count",
+				data: chartData.datasets,
+				borderColor: overrideBorderColor || "rgb(255, 99, 132)",
+				backgroundColor: overrideBGColor || "rgba(255, 99, 132, 0.5)",
+			},
+		],
+	};
 
-  if (!fullData) {
-    return <Line options={options} data={data} />;
-  } else {
-    return <Line options={options} data={chartData} />;
-  }
+	if (!fullData) {
+		return <Line options={options} data={data} />;
+	} else {
+		return <Line options={options} data={chartData} />;
+	}
 };
 
 export default DataChart;
-- 
cgit v1.2.3

