-
-
-
-
-
-
+
+
+
+
+
+
+ );
+}
+
+export default ModalBox;
+
+export function ModalBody(props){
+return (
+
+ {/*content*/}
+
+
+ {/*header*/}
+
+
+
+
+{children}
+
+
+ + {modalHeader} +
+ +
+ {props.children}
+
+)
+}
+
+export function ModalFooter(props){
+ return (
+
+ {props.children}
+
+ )
+}
\ No newline at end of file
diff --git a/admin/src/components/toolkits/tollkit.jsx b/admin/src/components/toolkits/tollkit.jsx
index 3bff48e..47c5269 100644
--- a/admin/src/components/toolkits/tollkit.jsx
+++ b/admin/src/components/toolkits/tollkit.jsx
@@ -31,6 +31,7 @@ export function CustomToolkit(props) {
{props.icon}
diff --git a/admin/src/features/admin/mentors/allMentors.jsx b/admin/src/features/admin/mentors/allMentors.jsx
new file mode 100644
index 0000000..e6bc4a0
--- /dev/null
+++ b/admin/src/features/admin/mentors/allMentors.jsx
@@ -0,0 +1,353 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom/dist/umd/react-router-dom.development";
+import {
+ useInviteMentorMutation,
+ useDeleteMentorMutation,
+ useGetMentorsQuery,
+ useAssignMentorMutation,
+} from "../../../apiSlice/mentors";
+import { useGetStudentsQuery } from "../../../apiSlice/usersApiSlice";
+import Page from "../../../components/shared/page";
+import NoContent from "../../../components/indications/noContent";
+import { CoverLoaderMedium } from "../../../components/loaders/loader";
+import { ToastContainer, toast } from "react-toastify";
+import { Tooltip as ReactTooltip } from "react-tooltip";
+import {
+ RefreshToolkit,
+ CustomToolkit,
+} from "../../../components/toolkits/tollkit";
+import { NormalInputs } from "../../../components/customHTML/textInputs";
+import { ButtonDefault } from "../../../components/buttons";
+import {
+ HiOutlineSearch,
+ HiOutlinePlus,
+ HiOutlineSwitchHorizontal,
+} from "react-icons/hi";
+import { HiBarsArrowUp, HiBarsArrowDown } from "react-icons/hi2";
+import ModalBox, {
+ ModalBody,
+ ModalFooter,
+} from "../../../components/modal.js/ModalBox";
+function AllMentors() {
+ const { data: mentors, isLoading: getmentor } = useGetMentorsQuery();
+ const { data: students, isLoading: getStudents } = useGetStudentsQuery();
+ const [assignMentors, { isLoading: assigning }] = useAssignMentorMutation();
+ const [inviteMentorQuery, {isLoading: inviting}] = useInviteMentorMutation()
+ const [readToAssign, setReadToAssign] = useState(false);
+ const [readToAddMentor, setReadToAddMentor] = useState(false);
+ const [studentName, setStudentName] = useState("");
+ const [mentorName, setMentorName] = useState("");
+ const [mentorEmail, setMentorEmail] = useState("");
+ const [isValidEmail, setIsValidEmail] = useState(false);
+
+ const emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g;
+
+ let content;
+ const isLoading = getmentor || getStudents || assigning || inviting
+
+ if (!mentors?.length) {
+ content =
+
+
+ );
+ }
+
+ //Assign mentor to student
+
+ async function assignMentor() {
+ try {
+ let res = await assignMentors({
+ studentId: studentName,
+ mentorId: mentorName,
+ });
+ if (res?.data?.isSuccess) {
+ setReadToAssign(false);
+ setMentorName('');
+ setStudentName('');
+ toast.success(`${res.data.message}`, {
+ position: "bottom-right",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
+ });
+ } else if (res.error) {
+ toast.error(`${res.error.data.message}`, {
+ position: "bottom-right",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
+ });
+ } else {
+ toast.error("Error occured! Try again", {
+ position: "bottom-right",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
+ });
+ }
+ } catch (error) {
+ toast.error("Error occured! Try again", {
+ position: "bottom-right",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
+ });
+ }
+ }
+ async function inviteMentor() {
+ try {
+ let res = await inviteMentorQuery({
+ email: mentorEmail,
+ });
+ if (res?.data?.isSuccess) {
+ setReadToAddMentor(false);
+ setMentorEmail('');
+ toast.success(`${res.data.message}`, {
+ position: "bottom-right",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
+ });
+ } else if (res.error) {
+ toast.error(`${res.error.data.message}`, {
+ position: "bottom-right",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
+ });
+ } else {
+ toast.error("Error occured! Try again", {
+ position: "bottom-right",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
+ });
+ }
+ } catch (error) {
+ toast.error("Error occured! Try again", {
+ position: "bottom-right",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
+ });
+ }
+ }
+ return (
+ <>
+
+
+ {readToAssign && (
+
+
+
+
+
+
+
+
+ )}
+ {readToAddMentor && (
+
+
+
+ {
+ setMentorEmail(e.target.value)
+ setIsValidEmail(emailRegex.test(mentorEmail));
+ }}
+ className="border-2 border-MdBlue focus:border-emerald-600 py-2 px-3 rounded-md"
+ />
+
+
+
+
+
+
+ )}
+
+
+ {readToAssign && (
+
+
+
+
+
+
+
+
+ )}
+
| + NO. + | ++ Mentor name + | ++ school + | ++ time added + | ++ |
|---|---|---|---|---|
| {index + 1} | ++ {`${mentor.firstName} ${mentor.lastName}`} + | +{mentor.school} | +... | ++ + Open Files + + | +
+ All enrolled undergraduate students +
+ +
+
+
+
+
+
+
+ setReadToAssign(true)}
+ icon={
+ {content}
+
+
+
+
+ Student Name
+ +
+
+ Mentor Name
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {mentor?.students?.length}
+
+
+ Mentees
+
+
+
+
+
+ + {`${mentor?.firstName} ${mentor?.lastName}`} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {`Students under ${mentor?.firstName} ${mentor?.lastName} mentorship`}
+ +
+ {mentor?.mentees?.map((mente) => (
+
+ 
+
+ + {`${mente?.firstName} ${mente?.lastName}`} +
+ + ))} +
+
+
+
+
+