+
+
+ {/* Avatar and User Name Section */}
+
+
+
+
+ 
+ Robert Pattinson
+
+
+ Robert Pattinson
+
+
+ );
+};
+
+export default Loader;
diff --git a/src/components/shared/Logo.tsx b/src/components/shared/Logo.tsx
new file mode 100644
index 0000000..cab5282
--- /dev/null
+++ b/src/components/shared/Logo.tsx
@@ -0,0 +1,34 @@
+import Image from "next/image";
+
+import { TLogoProps } from "../../helpers/types";
+import { cn } from "../../lib/utils";
+
+const Logo = ({
+ fullLogoWidth,
+ fullLogoHeight,
+ fullLogoClassName,
+ smallLogoWidth,
+ smallLogoHeight,
+ smallLogoClassName,
+}: TLogoProps) => {
+ return (
+ <>
+
+
+
+
+
+
+
+ );
+};
+
+export default MentorDetails;
diff --git a/src/components/shared/ProjectList.tsx b/src/components/shared/ProjectList.tsx
new file mode 100644
index 0000000..742f1f0
--- /dev/null
+++ b/src/components/shared/ProjectList.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+
+const ProjectsList: React.FC = () => {
+ const projects = [
+ { name: 'Dating App Dev', deadline: '20 October', priority: 'HIGH' },
+ { name: 'Dashboard UX', deadline: '20 October', priority: 'MEDIUM' },
+ // Add more projects as needed
+ ];
+
+ return (
+ | Mentor's Name | +Status | +Gender | +|
|---|---|---|---|
| {mentor.firstname} {mentor.lastname} | +{mentor.email || "N/A"} | +{mentor.status} | +{mentor.about?.gender || "N/A"} | +
+
+ );
+};
+
+export default ProjectsList;
diff --git a/src/components/shared/Sidebar.tsx b/src/components/shared/Sidebar.tsx
new file mode 100644
index 0000000..630cac8
--- /dev/null
+++ b/src/components/shared/Sidebar.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import SidebarDesktop from "./SidebarDesktop"; // Ensure this path is correct
+import { userSidebarLinks } from "../../helpers/constants"; // Adjust path if necessary
+
+type SidebarProps = {
+ meetingsLength: number; // TypeScript prop definition
+};
+
+const Sidebar: React.FCProjects List
+-
+ {projects.map((project, idx) => (
+
-
+ ++
{project.name}
+ + {project.priority} + +Deadline: {project.deadline}
+
+ ))}
+
+ {cards.map((card, idx) => (
+
+ );
+};
+
+export default StatsCards;
diff --git a/src/components/shared/StudentDetails.tsx b/src/components/shared/StudentDetails.tsx
new file mode 100644
index 0000000..c41a0e0
--- /dev/null
+++ b/src/components/shared/StudentDetails.tsx
@@ -0,0 +1,99 @@
+import React, { useEffect, useState } from 'react';
+import apiClient from '../../apiClient/apiClient';
+
+
+
+interface Student {
+ _id: string;
+ firstname: string;
+ lastname: string;
+ email: string;
+ academic: {
+standard: string
+ };
+ about: {
+ dateOfBirth: string;
+ gender: string;
+ };
+ freeTrial: {
+ availed: boolean;
+ active: boolean;
+ dateOfActivation: string; // You can change this to Date if needed
+ dateOfDeactivation: string | null; // Can be null if the trial isn't deactivated
+ };
+}
+const StudentDetails: React.FC = () => {
+ const [students, setStudents] = useState
+
+ ))}
+ {card.title}
+{card.count}
+ {card.percent} +
+
+
+
+
+ );
+};
+
+export default StudentDetails;
diff --git a/src/components/shared/WeeklyProgress.tsx b/src/components/shared/WeeklyProgress.tsx
new file mode 100644
index 0000000..3227c9a
--- /dev/null
+++ b/src/components/shared/WeeklyProgress.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+import { CircularProgressbar, buildStyles } from 'react-circular-progressbar';
+import 'react-circular-progressbar/dist/styles.css';
+
+const WeeklyProgress: React.FC = () => {
+ const percentage = 82.3;
+
+ return (
+
+
+
+
+
+ | Mentor's Name | +Standard | +Gender | +Free Trial | +|
|---|---|---|---|---|
| + {student.firstname} {student.lastname} + | +{student.email || "N/A"} | +{student.academic?.standard || "N/A"} | +{student.about?.gender || "N/A"} | +
+ {student.freeTrial.active ? "Active" : "Inactive"}
+ + {student.freeTrial.dateOfActivation + ? `Activated on: ${new Date(student.freeTrial.dateOfActivation).toLocaleDateString()}` + : "Not Activated"} + |
+
| + No students found + | +
+
+ );
+};
+
+export default WeeklyProgress;
diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx
index 51e507b..9122baa 100644
--- a/src/components/ui/avatar.tsx
+++ b/src/components/ui/avatar.tsx
@@ -3,7 +3,7 @@
import * as React from "react"
import * as AvatarPrimitive from "@radix-ui/react-avatar"
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
const Avatar = React.forwardRef<
React.ElementRefWeekly Progress
+
+
+
+
+ Daily Progress
+82.3%
+
+
+
+ );
+};
+
+export default Dashboard;
diff --git a/src/pages/root/layout.tsx b/src/pages/root/layout.tsx
new file mode 100644
index 0000000..f943d9c
--- /dev/null
+++ b/src/pages/root/layout.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import Sidebar from "../root/sidebar/index";
+
+const MainLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+ const meetingsLength = 0;
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Content Area */}
+
+ {children}
+
+
+
+
+
+ );
+};
+
+export default Mentordashboard;
diff --git a/src/pages/root/sidebar/index.tsx b/src/pages/root/sidebar/index.tsx
new file mode 100644
index 0000000..d27933e
--- /dev/null
+++ b/src/pages/root/sidebar/index.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import SidebarDesktop from "../../../components/shared/SidebarDesktop"; // Ensure this path is correct
+import { userSidebarLinks } from "../../../helpers/constants"; // Adjust path if necessary
+
+type SidebarProps = {
+ meetingsLength: number; // TypeScript prop definition
+};
+
+const Sidebar: React.FC
+
+
+
+
+
+
+ Hii,
+Welcome MENTOR Dashboard
+
+
+
+ {/* Grid Section */}
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default studentDashboard;
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index d36c010..a36e829 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,4 +9,7 @@ export default defineConfig({
"@": path.resolve(__dirname, "./src"),
},
},
+ define: {
+ 'process.env': {},
+ },
})
\ No newline at end of file
+
+
+
+
+
+
+ Hii,
+Welcome to Student Dashboard
+
+
+
+
+
+
+
+
+
+
+
+