Merge pull request #172 from kushwahramkumar2003/ram

pie chart added

package.json

@@ -19,6 +19,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.6.2",
+    "chart.js": "^4.4.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "concurrently": "^8.2.2",
@@ -27,6 +28,7 @@
     "lucide-react": "^0.331.0",
     "process": "^0.11.10",
     "react": "^18.2.0",
+    "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
     "react-easy-crop": "^5.0.4",
     "react-hook-form": "^7.48.2",

src/pages/user/header/NavLink.tsx

@@ -1,4 +1,3 @@
-
 import { RxDashboard } from "react-icons/rx";
 import { CgProfile } from "react-icons/cg";
 import { MdQuiz } from "react-icons/md";

src/pages/user/screens/dashboard/Dashboard.tsx

@@ -1,9 +1,36 @@
+import { Pie } from "react-chartjs-2";
 
+const data = {
+  labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
+  datasets: [
+    {
+      label: "# of Votes",
+      data: [12, 19, 3, 5, 2, 3],
+      backgroundColor: [
+        "rgba(255, 99, 132, 0.2)",
+        "rgba(54, 162, 235, 0.2)",
+        "rgba(255, 206, 86, 0.2)",
+        "rgba(75, 192, 192, 0.2)",
+        "rgba(153, 102, 255, 0.2)",
+        "rgba(255, 159, 64, 0.2)",
+      ],
+      borderColor: [
+        "rgba(255, 99, 132, 1)",
+        "rgba(54, 162, 235, 1)",
+        "rgba(255, 206, 86, 1)",
+        "rgba(75, 192, 192, 1)",
+        "rgba(153, 102, 255, 1)",
+        "rgba(255, 159, 64, 1)",
+      ],
+      borderWidth: 1,
+    },
+  ],
+};
 
 const Dashboard = () => {
   return (
     <div className="flex items-center justify-center text-xl font-semibold text-center opacity-60">
-      Dashboard to be implemented
+      <Pie data={data} />
     </div>
   );
 };

src/pages/user/screens/result/Result.tsx

@@ -1,9 +1,13 @@
+import {useQuery} from "@tanstack/react-query";
 
 
 const Result = () => {
+    const {data ,isPending} = useQuery(
+
+    );
   return (
     <div className="flex items-center justify-center text-xl font-semibold text-center opacity-60">
-      To be implemented Result
+
     </div>
   );
 };