Updated charts component

src/app/TimesTriggeredChart.tsx

@@ -0,0 +1,24 @@
+import { JSX } from "react";
+import LineChartComponent from "@/components/charts/LineChart";
+import { LineChartArr } from "@/types/LineChartStats";
+import { Heading, VStack } from "@chakra-ui/react";
+
+interface TimedTriggeredChartProps {
+  lineChartData: LineChartArr;
+}
+
+const TimedTriggeredChart = ({
+  lineChartData
+}: TimedTriggeredChartProps): JSX.Element => {
+  return (
+    <VStack gap={4} w="100%">
+      <Heading
+        as="h2"
+        fontSize="2xl"
+      >{`Times Bot Was Triggered (Past 30 Days)`}</Heading>
+      <LineChartComponent data={lineChartData} label="Times Triggered" />
+    </VStack>
+  );
+};
+
+export default TimedTriggeredChart;