feat:Added glass navbar and Dashboard components

2025-02-22 18:48:07 +05:30
parent 439dbe51b6
commit c41d788328
15 changed files with 430 additions and 419 deletions
@@ -0,0 +1,50 @@
+// PerformanceChart.jsx
+import React from "react";
+import { Line } from "react-chartjs-2";
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend,
+} from "chart.js";
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend
+);
+
+const PerformanceChart = () => {
+  const data = {
+    labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
+    datasets: [
+      {
+        label: "Yield",
+        data: [65, 59, 80, 81, 56, 55, 70], // hard-coded values
+        fill: false,
+        backgroundColor: "rgb(75, 192, 192)",
+        borderColor: "rgba(75, 192, 192, 0.2)",
+      },
+    ],
+  };
+
+  const options = {
+    responsive: true,
+    plugins: {
+      legend: { position: "top" },
+      title: { display: true, text: "Performance Trend" },
+    },
+  };
+
+  return <Line data={data} options={options} />;
+};
+
+export default PerformanceChart;