-
-
+
{reason.title}
-
+
{reason.description}
-
diff --git a/client/src/Components/Developers.jsx b/client/src/Components/Developers.jsx
new file mode 100644
index 0000000..8253599
--- /dev/null
+++ b/client/src/Components/Developers.jsx
@@ -0,0 +1,593 @@
+import yosefPic from '../../src/assets/yosef.png'
+import avatar from '../../src/assets/avatar.png'
+import Button from './Button'
+
+
+import React, { useRef, useState } from 'react';
+// Import Swiper React components
+import { Swiper, SwiperSlide } from 'swiper/react';
+
+// Import Swiper styles
+import 'swiper/css';
+import 'swiper/css/pagination';
+import 'swiper/css/navigation';
+
+// import required modules
+import { Autoplay, Pagination, Navigation } from 'swiper/modules';
+
+
+
+const data = [
+ {
+ name: 'Yosef Lakew',
+ image: yosefPic,
+ role: 'Web Developer / UI/UX Designer',
+ description: 'As a passionate Web Developer and UI/UX Designer, I specialize in creating intuitive and visually appealing user interfaces. My work focuses on enhancing user experience through thoughtful design and seamless front-end development. I have a strong background in HTML, CSS, JavaScript, and React, which allows me to turn complex ideas into user-friendly web applications.',
+ link: 'https://portifoliov1-three.vercel.app/'
+ }
+,
+ {
+ name: 'Yohannes Mesganaw',
+ image: avatar,
+ role: 'Web Developer / UI/UX Designer',
+ description: 'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nobis, quidem voluptates in nesciunt doloremque nulla sequi vero sint accusantium expedita aspernatur cumque, unde doloribus voluptatem voluptas necessitatibus iste iusto itaque.',
+ link: 'https://portifoliov1-three.vercel.app/'
+ },
+ {
+ name: 'Yohannes Teshome',
+ image: avatar,
+ role: 'Web Developer / UI/UX Designer',
+ description: 'As a passionate Web Developer and UI/UX Designer, I specialize in creating intuitive and visually appealing user interfaces. My work focuses on enhancing user experience through thoughtful design and seamless front-end development. I have a strong background in HTML, CSS, JavaScript, and React, which allows me to turn complex ideas into user-friendly web applications.',
+ link: 'https://portifoliov1-three.vercel.app/'
+ }
+,
+ {
+ name: 'Yonas Enchalew',
+ image: avatar,
+ role: 'Web Developer / UI/UX Designer',
+ description: 'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nobis, quidem voluptates in nesciunt doloremque nulla sequi vero sint accusantium expedita aspernatur cumque, unde doloribus voluptatem voluptas necessitatibus iste iusto itaque.',
+ link: 'https://portifoliov1-three.vercel.app/'
+ },
+ {
+ name: 'Tibebe Solomon',
+ image: avatar,
+ role: 'Web Developer / UI/UX Designer',
+ description: 'As a passionate Web Developer and UI/UX Designer, I specialize in creating intuitive and visually appealing user interfaces. My work focuses on enhancing user experience through thoughtful design and seamless front-end development. I have a strong background in HTML, CSS, JavaScript, and React, which allows me to turn complex ideas into user-friendly web applications.',
+ link: 'https://portifoliov1-three.vercel.app/'
+ }
+
+]
+
+
+
+
+const Developer = ({ data }) => {
+ return (
+
+
+ Become an Employer
-- Find exceptional talent for your business at TalentHub Ethiopia and unlock new opportunities for growth. -
+Ready to Transform Your
+ +Exam Process?
+ - +
+
+
+ )
+}
+
+const Developers = () => {
+ return (
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ + {data.name} +
++ {data.role} +
+
+
+ + {data.description} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <>
+
+
+ + About +
++ + + Meet + + The developers +
+ +
-
English exam
-
- English
- Maths
- Physics
-
+ { exam.examName }
- AASTU{" "}
-
+ {exam.organization?.name}
+ { exam.organization?.isVerified &&
Lorem ipsum dolor sit amet consectetur adipisicing?
+What makes Fetena.com user-friendly for exam creation?
- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ab hic veritatis molestias culpa in, - recusandae laboriosam neque aliquid libero nesciunt voluptate dicta quo officiis explicabo - consequuntur distinctio corporis earum similique! + Fetena.com offers an intuitive interface that simplifies the exam creation process. Educators can easily set up exams with various question types, including multiple-choice and essays, making the process quick and efficient.
@@ -31,7 +29,7 @@ const Faq = () => {Lorem ipsum dolor sit amet consectetur adipisicing?
+How does Fetena.com ensure a secure exam environment?
- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ab hic veritatis molestias culpa in, - recusandae laboriosam neque aliquid libero nesciunt voluptate dicta quo officiis explicabo - consequuntur distinctio corporis earum similique! + Fetena.com employs robust security measures to prevent cheating and ensure exam integrity. Features such as real-time monitoring and secure browser settings help maintain a fair testing environment.
@@ -55,7 +51,7 @@ const Faq = () => {Lorem ipsum dolor sit amet consectetur adipisicing?
+Can Fetena.com handle automated grading?
- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ab hic veritatis molestias culpa in, - recusandae laboriosam neque aliquid libero nesciunt voluptate dicta quo officiis explicabo - consequuntur distinctio corporis earum similique! + Yes, Fetena.com provides automated grading tools that enable quick and accurate assessment of exams. This feature delivers instant results to students, saving time and reducing manual grading efforts for educators.
@@ -79,7 +73,7 @@ const Faq = () => {Lorem ipsum dolor sit amet consectetur adipisicing?
+What real-time monitoring capabilities does Fetena.com offer?
- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ab hic veritatis molestias culpa in, - recusandae laboriosam neque aliquid libero nesciunt voluptate dicta quo officiis explicabo - consequuntur distinctio corporis earum similique! + Fetena.com includes real-time monitoring features that allow examiners to oversee the exam process as it happens. This helps ensure that all examinees follow the rules and maintains the integrity of the exam.
diff --git a/client/src/Components/FeatureSection1.jsx b/client/src/Components/FeatureSection1.jsx index b894352..cdeb697 100644 --- a/client/src/Components/FeatureSection1.jsx +++ b/client/src/Components/FeatureSection1.jsx @@ -16,7 +16,7 @@ const FeatureSection1 = ({ featuresData }) => { loading="lazy" width="100%" // Adjust width as needed height="auto" // Maintain aspect ratio - className="rounded-2xl group-hover:scale-105 transition-all ease-in-out duration-300 + className="rounded-2xl group-hover:scale-105 transition-all ease-in-out duration-300 w-96 mx-auto " /> @@ -24,8 +24,8 @@ const FeatureSection1 = ({ featuresData }) => {{title}
{description}
diff --git a/client/src/Components/FeatureSection2.jsx b/client/src/Components/FeatureSection2.jsx index e03a687..516d6e1 100644 --- a/client/src/Components/FeatureSection2.jsx +++ b/client/src/Components/FeatureSection2.jsx @@ -12,8 +12,8 @@ const FeatureSection2 = ({ featuresData }) => {{title}
{description}
@@ -27,7 +27,7 @@ const FeatureSection2 = ({ featuresData }) => { loading="lazy" width="100%" // Adjust width as needed height="auto" // Maintain aspect ratio - className="rounded-2xl group-hover:scale-105 transition-all ease-in-out duration-300" + className="rounded-2xl group-hover:scale-105 transition-all ease-in-out duration-300 w-96 mx-auto" /> diff --git a/client/src/Components/Footer.jsx b/client/src/Components/Footer.jsx index f682f1b..e1e68b2 100644 --- a/client/src/Components/Footer.jsx +++ b/client/src/Components/Footer.jsx @@ -98,7 +98,7 @@ const Footer = () => {
- © 2022{" "}
+ ©{" "}{new Date().getFullYear()}{" "}
diff --git a/client/src/Components/GoogleTranslate.jsx b/client/src/Components/GoogleTranslate.jsx
new file mode 100644
index 0000000..8624ed9
--- /dev/null
+++ b/client/src/Components/GoogleTranslate.jsx
@@ -0,0 +1,32 @@
+// GoogleTranslate.js
+import React, { useEffect } from "react";
+
+const GoogleTranslate = () => {
+ useEffect(() => {
+ const addScript = () => {
+ const script = document.createElement("script");
+ script.src =
+ "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";
+ script.async = true;
+ document.body.appendChild(script);
+ };
+
+ const initTranslate = () => {
+ if (window.google && window.google.translate) {
+ new window.google.translate.TranslateElement(
+ { pageLanguage: "en", includedLanguages: "en,am,om,ti" },
+ "google_translate_element"
+ );
+ }
+ };
+
+ // Ensure window.googleTranslateElementInit is defined
+ window.googleTranslateElementInit = initTranslate;
+
+ addScript();
+ }, []);
+
+ return ;
+};
+
+export default GoogleTranslate;
diff --git a/client/src/Components/HeroSection.jsx b/client/src/Components/HeroSection.jsx
index ce87bd8..63460af 100644
--- a/client/src/Components/HeroSection.jsx
+++ b/client/src/Components/HeroSection.jsx
@@ -1,7 +1,11 @@
-import React from 'react'
+import React from 'react';
import { AudioOutlined } from '@ant-design/icons';
import { Input, Space } from 'antd';
+import { Icon } from '@iconify/react';
+import { Link } from 'react-router-dom';
const { Search } = Input;
+import HeroImg from '../assets/hero.svg';
+
const suffix = (
{
- return (
-
-
-
-
-
-
-
- Connecting Ethiopia's Top Talent
-
-
- Connecting Ethiopia's Top Talent
with the Best Jobs.
-
-
- Empowering Ethiopians to find and create jobs, work and connect with
professionals.
-
-
+
+ );
+};
-export default HeroSection
+export default HeroSection;
diff --git a/client/src/Components/HowItWorks.jsx b/client/src/Components/HowItWorks.jsx
index b3e5d7a..58b99fc 100644
--- a/client/src/Components/HowItWorks.jsx
+++ b/client/src/Components/HowItWorks.jsx
@@ -17,23 +17,23 @@ function HowItWorks() {
const steps = [
{
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/d3cf5d5b6dab9b73a3ec6bf6b14499dce22bca21e3d993d90a6b661382912d4e?apiKey=da0e5699a0964f23ab3a2091e7f935a3&",
- title: "Create account.",
- description: `To create an account on TalentHub Ethiopia, please visit the following website: https://talenthub.et/auth/sign_up`,
+ title: "Create an Account.",
+ description: `Sign up on Fetena.com to get started.`,
},
{
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/d3cf5d5b6dab9b73a3ec6bf6b14499dce22bca21e3d993d90a6b661382912d4e?apiKey=da0e5699a0964f23ab3a2091e7f935a3&",
- title: "Create account.",
- description: `To create an account on TalentHub Ethiopia, please visit the following website: https://talenthub.et/auth/sign_up`,
+ title: "Set Up Exams.",
+ description: ` Use our simple interface to create and schedule exams.`,
},
{
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/eb04b6656f6b54cba0fcb45c425592d879ae5d9dc4171b5a3a3f05c01132ab1e?apiKey=da0e5699a0964f23ab3a2091e7f935a3&",
- title: "Find suitable job.",
- description: `To create an account on TalentHub Ethiopia, please visit the following website: https://talenthub.et/auth/sign_up`,
+ title: "Conduct Exams.",
+ description: ` Monitor examinees in real-time and ensure a secure testing environment.`,
},
{
imageSrc: "https://cdn.builder.io/api/v1/image/assets/TEMP/c4ad37664ba2340bbb40318958787bfe3846cac994cf5e614929bba728aafc10?apiKey=da0e5699a0964f23ab3a2091e7f935a3&",
- title: "Apply job.",
- description: `To create an account on TalentHub Ethiopia, please visit the following website: https://talenthub.et/auth/sign_up`,
+ title: "Grade Exams.",
+ description: ` Grade exams effortlessly and provide instant results to examinees.`,
},
];
@@ -41,7 +41,7 @@ function HowItWorks() {
-
- Why fetena.com
+
+
+
);
};
-export default AiQuestionGenerator;
+export default AiQuestionGenerator;
\ No newline at end of file
diff --git a/client/src/Pages/CreateExamPages/components/BasicInfoForm.jsx b/client/src/Pages/CreateExamPages/components/BasicInfoForm.jsx
index 5c52811..e2b0739 100644
--- a/client/src/Pages/CreateExamPages/components/BasicInfoForm.jsx
+++ b/client/src/Pages/CreateExamPages/components/BasicInfoForm.jsx
@@ -142,6 +142,29 @@ const BasicInfoForm = ({
No
+
+
+
+
+
+
+
+
+
- 
-
+ return (
+
-
+
+
+
+
+
- )
-}
+
+
+ Revolutionize Your Exam Process with Fetena
+
+ Revolutionize Your Exam Process with Fetena
+
+ + Fetena.com makes it easy for examiners to create, conduct, and grade exams online, while ensuring a secure and seamless experience for examinees.
+
+
+ Get Started
+
+
+ See How it works
+
+
+ 
+
+ - How TalentHub Ethiopia works? + How Fetena works?
{steps.map((step, index) => (
diff --git a/client/src/Components/NavBar.jsx b/client/src/Components/NavBar.jsx
index b62f6ac..89b465f 100644
--- a/client/src/Components/NavBar.jsx
+++ b/client/src/Components/NavBar.jsx
@@ -1,6 +1,7 @@
// React Related Imports
import { useState,useEffect } from "react";
import { Link } from "react-router-dom";
+import GoogleTranslate from "./GoogleTranslate";
// Components Imports
import Button from './Button'
@@ -35,15 +36,23 @@ const NavBar = ({displayPage, setDisplayPage}) => {
: ""
}`}>
diff --git a/client/src/Components/WhyChooseUsSection.jsx b/client/src/Components/WhyChooseUsSection.jsx
index 5d4ffd6..d4f3c06 100644
--- a/client/src/Components/WhyChooseUsSection.jsx
+++ b/client/src/Components/WhyChooseUsSection.jsx
@@ -5,31 +5,31 @@ import { Icon } from '@iconify/react';
function WhyChooseUsSection() {
const reasons = [
{
- image: "https://cdn.builder.io/api/v1/image/assets/TEMP/b60da799b4359ad9e95668c90a82d4d959ba6e8d5b590b67104a6daa6d8a57fc?apiKey=da0e5699a0964f23ab3a2091e7f935a3&",
- title: "Provides escrow service for contract jobs.",
- description: "It provides a space for talents to learn and secure high-quality jobs.",
+ image: "ph:exam",
+ title: "Easy Exam Creation.",
+ description: "Examiners can quickly set up exams with a user-friendly interface.",
backgroundColor: "bg-blue-700",
textColor: "text-white",
},
{
- image: "https://cdn.builder.io/api/v1/image/assets/TEMP/2e975f819e950a9d7409b2cbe28d0cca15e8f7a7479cd5e5d1490cf3d9d7b293?apiKey=da0e5699a0964f23ab3a2091e7f935a3&",
- title: "Provides escrow service for contract jobs.",
- description: "This ensures payment protection for both talents and employers.",
+ image: "ic:baseline-security",
+ title: "Secure Exam Environment.",
+ description: "Advanced security features prevent cheating and ensure exam integrity.",
backgroundColor: "bg-gray-100",
textColor: "text-black",
},
{
- image: "https://cdn.builder.io/api/v1/image/assets/TEMP/b382afd15571a1f2458e421c5d43ebfa2a1a6835e8b90dec73e65d8748c82e39?apiKey=da0e5699a0964f23ab3a2091e7f935a3&",
- title: "Helps employers find professional talents.",
+ image: "oui:online",
+ title: "Convenient Online Access.",
description:
- "It uses machine learning to filter candidates and save employers time and effort.",
+ "Examinees can take exams from anywhere with an internet connection.",
backgroundColor: "bg-gray-100",
textColor: "text-black",
},
{
- image: "https://cdn.builder.io/api/v1/image/assets/TEMP/613f829920de2ef8aa89abd17d7ece20b353d8877b85dd421b00adb699b4fd3b?apiKey=da0e5699a0964f23ab3a2091e7f935a3&",
- title: "Provides escrow service for contract jobs.",
- description: "It provides a space for talents to learn and secure high-quality jobs.",
+ image: "icon-park-outline:check-one",
+ title: "Streamlined Process.",
+ description: "Reduces administrative workload and eliminates the hassle of managing paper exams.",
backgroundColor: "bg-gray-100",
textColor: "text-black",
},
@@ -40,11 +40,12 @@ function WhyChooseUsSection() {
- Why fetena.com
+
+ Simplify Exam Management, Enhance Accessibility
-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, dicta facilis atque quaerat odit nemo magni! Totam eveniet ducimus dignissimos eius quaerat voluptates vel minus esse dolores, ipsum quisquam placeat!
++ Fetena.com offers a straightforward solution for transitioning from traditional paper-based exams to a modern, online platform.
@@ -83,12 +84,13 @@ function ReasonCard({ reason }) {
diff --git a/client/src/Pages/ActivityLogPage.jsx b/client/src/Pages/ActivityLogPage.jsx
index 63cd512..57de08f 100644
--- a/client/src/Pages/ActivityLogPage.jsx
+++ b/client/src/Pages/ActivityLogPage.jsx
@@ -1,6 +1,11 @@
+import React, { useEffect, useState } from "react";
import { Table } from "antd";
+import axios from "axios";
+
const ActivityLogPage = () => {
+ const [logs, setLogs] = useState([]);
+
const columns = [
{
title: "Date",
@@ -10,7 +15,12 @@ const ActivityLogPage = () => {
{
title: "User",
dataIndex: "user",
- key: "user",
+ key: "user",
+ },
+ {
+ title: "IP Address",
+ dataIndex: "ipAddress",
+ key: "ipAddress",
},
{
title: "Action",
@@ -24,50 +34,53 @@ const ActivityLogPage = () => {
},
];
- const data = [
- {
- key: "1",
- date: "2022-01-01",
- user: "John Doe",
- action: "Created",
- details: "Exam with ID 12345",
- },
- {
- key: "2",
- date: "2022-01-02",
- user: "Jane Smith",
- action: "Updated",
- details: "Exam with ID 67890",
- },
- {
- key: "3",
- date: "2022-01-03",
- user: "Bob Johnson",
- action: "Deleted",
- details: "Exam with ID 24680",
- },
- {
- key: "4",
- date: "2022-01-03",
- user: "Bob Johnson",
- action: "Gave Exam",
- details: "Exam with ID 24680",
- },
- ];
+ const fetchLogs = async () => {
+ try {
+ const response = await axios.get("/api/log");
+ console.log(response, "logs")
+ // setLogs(response.data.data.data)
+ formatLogsData(response.data.data.data)
+ console.log('this is')
+ } catch (error) {
+ console.error("Error fetching logs:", error);
+ }
+ };
+
+
+ const formatLogsData = (tempLogs) => {
+ for (const log of tempLogs){
+ setLogs((prev) => [...prev, {
+ key: log._id,
+ date: new Date(log.createdAt).toLocaleString(),
+ user: log.user.fullName,
+ ipAddress: log.ipAddress,
+ action: log.action,
+ details: `${log.entity.name} with ID ${log.entity.id}`,
+ }])
+ }
+
+ };
+
+ useEffect(() => {
+ fetchLogs()
+
+ }, []);
+
return (
-
-
- }
- name="prompt"
- >
+
+ +
-
+
-
-
- }
- name="points"
- > Activity Logs
-
+
- }
- name="subject"
- >
-
+
+
+
- ;
+
);
};
-export default ActivityLogPage;
+
+export default ActivityLogPage;
\ No newline at end of file
diff --git a/client/src/Pages/CreateExamPages/CreateExam.jsx b/client/src/Pages/CreateExamPages/CreateExam.jsx
index 8fec8bd..b0457a8 100644
--- a/client/src/Pages/CreateExamPages/CreateExam.jsx
+++ b/client/src/Pages/CreateExamPages/CreateExam.jsx
@@ -102,6 +102,8 @@ const CreateExam = () => {
questions: [],
access: "closed",
tags: [],
+ hasCertificate: false,
+ visibility: "public",
};
});
@@ -264,7 +266,8 @@ const CreateExam = () => {
!choose.questionText ||
!choose.questionChoice ||
!choose.questionType ||
- !choose.points
+ !choose.points ||
+ !!choose.correctAnswer
) {
console.log(choose);
toast.error("Please enter all the fields");
diff --git a/client/src/Pages/CreateExamPages/components/AiQuestionGenerator.jsx b/client/src/Pages/CreateExamPages/components/AiQuestionGenerator.jsx
index 6989376..a620b62 100644
--- a/client/src/Pages/CreateExamPages/components/AiQuestionGenerator.jsx
+++ b/client/src/Pages/CreateExamPages/components/AiQuestionGenerator.jsx
@@ -1,73 +1,14 @@
-import React, { useState } from "react";
-import { Button, Input, Modal, Collapse, Form, Select,InputNumber } from "antd";
-import { Card, Radio } from "antd";
-
+import React, { useEffect, useState } from "react";
+import { Button, Input, Modal, Collapse, Form, Select, InputNumber, Card, Radio } from 'antd';
import { Icon } from "@iconify/react";
+import { CopyToClipboard } from "react-copy-to-clipboard";
+import TogetherManager from "../../../AI";
+import questionGenerationTemplate from "../../../Prompts/questionGenerationTemplate";
+import { toast } from "react-toastify";
const { TextArea } = Input;
const { Panel } = Collapse;
-const questions = [
- {
- _id: "question1",
- questionType: "True/False",
- questionText: "The capital of France is Paris.",
- correctAnswer: "True",
- points: 5,
- },
- {
- _id: "question2",
- questionType: "choose",
- questionText: "What is the largest planet in our solar system?",
- correctAnswer: "Jupiter",
- questionChoice: ["Jupiter", "Saturn", "Uranus", "Neptune"],
- points: 10,
- },
- {
- _id: "question3",
- questionType: "shortAnswer",
- questionText: "Explain the concept of photosynthesis.",
- correctAnswer: "",
- points: 15,
- },
- {
- _id: "question4",
- questionType: "essay",
- questionText: "Discuss the impact of climate change on the environment.",
- correctAnswer: "",
- points: 20,
- },
- {
- _id: "question5",
- questionType: "True/False",
- questionText: "The Earth revolves around the Sun.",
- correctAnswer: "True",
- points: 5,
- },
- {
- _id: "question6",
- questionType: "choose",
- questionText: "What is the capital of Canada?",
- correctAnswer: "Ottawa",
- questionChoice: ["Toronto", "Montreal", "Ottawa", "Vancouver"],
- points: 10,
- },
- {
- _id: "question7",
- questionType: "shortAnswer",
- questionText: "Explain the concept of supply and demand.",
- correctAnswer: "",
- points: 15,
- },
- {
- _id: "question8",
- questionType: "essay",
- questionText: "Discuss the importance of renewable energy sources.",
- correctAnswer: "",
- points: 20,
- },
-];
-
const AiQuestionGenerator = ({
handleCancell,
handleOkk,
@@ -75,353 +16,131 @@ const AiQuestionGenerator = ({
setActiveTabKey,
}) => {
const [generateRequest, setGenerateRequest] = useState({
- ExamType: "",
- Subject: "",
- Prompt: "",
+ examtype: "",
+ subject: "",
+ prompt: "",
});
const [isLoading, setIsLoading] = useState(false);
+ const [promptResponse, setPromptResponse] = useState("");
+ const togetherManager = new TogetherManager(
+ "ec99b9a81c37972d744411fda1120c9cef2d32dab3cfdc057d8b24304ba2f969",
+ setPromptResponse
+ );
- const onChange = (key) => {
- console.log(key);
- };
-
- const handleSelectChange = (value, field) => {
- setGenerateRequest((prev) => ({
- ...prev,
- [field]: value,
- }));
- console.log(generateRequest);
- };
-
- const handleTextChange = (e) => {
- const { name, value } = e.target;
- setGenerateRequest((prev) => ({
- ...prev,
- [name]: value,
+ const handleChange = (e) => {
+ setGenerateRequest((prevState) => ({
+ ...prevState,
+ [e.target.name]: e.target.value,
}));
- console.log(generateRequest);
- };
-
- const transformedItems = questions.map((question, index) => {
- return {
- key: `${question._id}`,
- label: (
- Activity Logs
+
-
- ),
- children: (
- Question {index + 1}
-- Points {question.points} -
-
- {question.questionType === "True/False" && (
-
-
- )}
-
- {question.questionType === "choose" && (
-
-
- )}
-
- {question.questionType === "shortAnswer" && (
-
-
- )}
-
- {question.questionType === "essay" && (
-
-
- )}
-
- ),
- };
+ const generate = async () => {
+ setIsLoading(true); // Show loading indicator
+ const prompt = questionGenerationTemplate({
+ difficulty: "hard",
+ subject: generateRequest.subject,
+ questionType: generateRequest.examtype,
+ customPrompt: generateRequest.prompt
});
-
-
+ try {
+ // Assuming res.trim() returns a JSON string
+ await togetherManager.performInference(prompt);
+
+ console.log(promptResponse);
+
+ // const regex = /\[\s*{[^{}]*}(?:\s*,\s*{[^{}]*})*\s*\]/;
+ // const match = promptResponse.match(regex);
+ // if (match) {
+ // const jsonArray = match[0];
+ // console.log("jsonArray");
+ // console.log(JSON.parse(jsonArray.replaceAll("\n", "")));
+ // } else {
+ // console.log("No JSON array found.");
+ // }
+ } catch (error) {
+ console.error("Error parsing JSON response:", error);
+ }
+ setIsLoading(false); // Hide loading indicator
+
+ }
+
return (
-
-
-
- - Question Type:{" "} - - {question.questionType} - -
-
-
- - Question Text:{" "} - - {question.questionText} - -
-
-
-
-
-
- - Correct Answer:{" "} - - {question.correctAnswer} - -
-
-
-
-
- - Question Type:{" "} - - {question.questionType} - -
-
-
- - Question Text:{" "} - - {question.questionText} - -
-
-
-
-
- - Correct Answer:{" "} - - {question.correctAnswer} - -
-
-
- {question.questionChoice &&
- question.questionChoice.map((choice, choiceIndex) => (
-
-
- ))}
-
-
-
-
- {choice}
-
-
-
-
-
-
- - Question Type:{" "} - - {question.questionType} - -
-
-
- - Question Text:{" "} - - {question.questionText} - -
-
-
-
-
- - Question Type:{" "} - - {question.questionType} - -
-
-
+ console.log(generateRequest); // This will log the old state, not the updated one
+};
- - Question Text:{" "} - - {question.questionText} - -
-
-
- - {question.questionText} -
-
-
-
- }
- name="examtype"
- >
- Loading...
+) : (
+
+ toast.success("Results copied successfully!")}>
+
+
+
+)}
+ {promptResponse}
+
+
diff --git a/client/src/Pages/CreateExamPages/components/ExamTypeForm.jsx b/client/src/Pages/CreateExamPages/components/ExamTypeForm.jsx
index 0d4c2c9..b83735d 100644
--- a/client/src/Pages/CreateExamPages/components/ExamTypeForm.jsx
+++ b/client/src/Pages/CreateExamPages/components/ExamTypeForm.jsx
@@ -1,25 +1,22 @@
-import { Card, Form, Input, Button, Select, InputNumber, DatePicker, Radio, Switch } from "antd";
-import { useState } from "react";
-import { Link } from "react-router-dom";
+import { Form, Button, Radio } from "antd";
+import { useEffect, useState } from "react";
import { Icon } from "@iconify/react";
-import ReactQuill from 'react-quill';
import 'react-quill/dist/quill.snow.css';
-const { TextArea } = Input;
const ExamTypeForm = ({setActiveTabKey,setExamType, basicInfoValues,examType,
setBasicInfoValues,}) => {
+ useEffect(() => {
+ setBasicInfoValues({...basicInfoValues,examType: examType})
+ },[examType]);
+
const [uploading, setUploading] = useState(false);
const [uploadProgress, setUploadProgress] = useState(0);
- // const handleChange = (changedValues) => {
- // setBasicInfoValues({ ...basicInfoValues, ...changedValues });
- // console.log(basicInfoValues)
- // };
const handleFileChange = (event) => {
const file = event.target.files[0];
@@ -47,7 +44,6 @@ const ExamTypeForm = ({setActiveTabKey,setExamType, basicInfoValues,examType,
-
return (
@@ -62,11 +58,12 @@ const ExamTypeForm = ({setActiveTabKey,setExamType, basicInfoValues,examType,
className="flex flex-wrap justify-center items-center gap-8"
value={examType}
onChange={(e) => {
- const selectedExamType = e.target.value;
+ setBasicInfoValues({...basicInfoValues,examType: e.target.value})
+ let selectedExamType = e.target.value;
setExamType(selectedExamType);
setBasicInfoValues({
...basicInfoValues,
- examType: selectedExamType,
+
questions: selectedExamType === 'online' ? basicInfoValues.questions : [],
examFile: selectedExamType !== 'online' ? basicInfoValues.examFile : null,
});
diff --git a/client/src/Pages/CreateExamPages/components/InstructionForm.jsx b/client/src/Pages/CreateExamPages/components/InstructionForm.jsx
index 0f6d178..7e4c377 100644
--- a/client/src/Pages/CreateExamPages/components/InstructionForm.jsx
+++ b/client/src/Pages/CreateExamPages/components/InstructionForm.jsx
@@ -1,58 +1,88 @@
-import { Card, Form, Input, Button, Select, InputNumber, DatePicker, Radio, Switch } from "antd";
+import {
+ Card,
+ Form,
+ Input,
+ Button,
+ Select,
+ InputNumber,
+ DatePicker,
+ Radio,
+ Switch,
+} from "antd";
import { useState } from "react";
import { Link } from "react-router-dom";
import { Icon } from "@iconify/react";
-import ReactQuill from 'react-quill';
-import 'react-quill/dist/quill.snow.css';
+import ReactQuill from "react-quill";
+import "react-quill/dist/quill.snow.css";
const { TextArea } = Input;
-
-
const modules = {
toolbar: [
- [{ 'header': [1, 2, false] }],
- ['bold', 'italic', 'underline', 'strike', 'blockquote'],
- [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],
- ['link', 'image'],
- ['clean']
+ [{ header: [1, 2, false] }],
+ ["bold", "italic", "underline", "strike", "blockquote"],
+ [
+ { list: "ordered" },
+ { list: "bullet" },
+ { indent: "-1" },
+ { indent: "+1" },
+ ],
+ ["link", "image"],
+ ["clean"],
],
};
const formats = [
- 'header',
- 'bold', 'italic', 'underline', 'strike', 'blockquote',
- 'list', 'bullet', 'indent',
- 'link', 'image'
+ "header",
+ "bold",
+ "italic",
+ "underline",
+ "strike",
+ "blockquote",
+ "list",
+ "bullet",
+ "indent",
+ "link",
+ "image",
];
-
-const InstructionForm = ({basicInfoValues, setBasicInfoValues,setActiveTabKey}) => {
+const InstructionForm = ({
+ basicInfoValues,
+ setBasicInfoValues,
+ setActiveTabKey,
+}) => {
return (
<>
-
-
-
-
-
+ {
+ setBasicInfoValues({ ...basicInfoValues, instruction: value });
+ }}
+ modules={modules}
+ formats={formats}
+ />
+
+ setBasicInfoValues({...basicInfoValues, instruction: value})}
-
-
- modules={modules}
- formats={formats}
- />
-
-
-
Enter the Instructions for the exam here
+
+
+ + Enter the Instructions for the exam here +
+
+
-
-
-
-
-
- )
-}
+
+ );
+};
-export default InstructionForm
\ No newline at end of file
+export default InstructionForm;
diff --git a/client/src/Pages/CreateExamPages/components/Preview.jsx b/client/src/Pages/CreateExamPages/components/Preview.jsx
index fb29eff..4b8a75f 100644
--- a/client/src/Pages/CreateExamPages/components/Preview.jsx
+++ b/client/src/Pages/CreateExamPages/components/Preview.jsx
@@ -45,6 +45,8 @@ const Preview = ({
);
const { workspace } = useSelector((state) => state.data);
console.log(workspace._id, "points");
+ console.log(workspace,"workspace search")
+
const [questionCount, setQuestionCount] = useState(0);
@@ -77,10 +79,7 @@ const Preview = ({
toast.error("Please enter the instruction");
return;
}
- if (!basicInfoValues.examType) {
- toast.error("Please enter the exam type");
- return;
- }
+
if (!basicInfoValues.material) {
basicInfoValues.uploadMaterials = false;
}
@@ -93,12 +92,6 @@ const Preview = ({
console.log(basicInfoValues.examStartDate,"aheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee");
- // if (!basicInfoValues.material || !basicInfoValues.material.name) {
- // toast.error("Please upload the material");
- // return;
- // }
-
- // Check if questions are available
if (
basicInfoValues.examType === "online" &&
questionsCollection.length === 0
@@ -106,20 +99,10 @@ const Preview = ({
toast.error("Please add questions to submit the exam.");
return;
}
-console.log("one add questions start-------------------------------------------------------------------------------------------")
try {
- console.log("one add questions startrrrrrrrrrrrrr-------------------------------------------------------------------------------------------")
- // Make the Axios POST request to save questions
const response = await axios.post("/api/questions", questionsCollection);
- // Handle success
- console.log("Questions submitted successfully:", response.data.data.data);
- setQuestionsCollection([]);
- localStorage.removeItem("questionsCollection");
-
- // setExamKey(response.data.data.exam.examKey);
-
const updatedBasicInfoValues = {
...basicInfoValues,
questions: response.data.data.data,
@@ -127,6 +110,8 @@ console.log("one add questions start--------------------------------------------
};
setBasicInfoValues(updatedBasicInfoValues);
+ console.log(updatedBasicInfoValues,"888888888888888888888888888888888888888888888888888888888888888888888888888888888")
+
const examDataToSend = new FormData();
examDataToSend.append(
@@ -142,6 +127,10 @@ console.log("one add questions start--------------------------------------------
securityLevel: updatedBasicInfoValues.securityLevel,
examType: updatedBasicInfoValues.examType,
access: updatedBasicInfoValues.access,
+ hasCertificate: updatedBasicInfoValues.hasCertificate,
+
+ visibility: updatedBasicInfoValues.visibility,
+
toolsPermitted: [
updatedBasicInfoValues.calculator && "calculator",
updatedBasicInfoValues.formulasCollection && "formulasCollection",
@@ -159,22 +148,18 @@ console.log("one add questions start--------------------------------------------
console.log(examDataToSend);
- // Send examData to the /api/exams endpoint with authentication header
const examResponse = await axios.post("/api/exams", examDataToSend);
console.log("Exam data submitted successfully:", examResponse);
toast.success("Exam submitted successfully.");
- // Clear questionsCollection and remove from local storage
setExamKey(examResponse.data.data.exam.examKey);
setActiveTabKey("Success");
} catch (error) {
- // Handle error
console.error("Error submitting exam:", error);
toast.error("Error submitting exam. Please try again later.");
}
- console.log("one add questions end-------------------------------------------------------------------------------------------")
setBasicInfoValues({
examName: "",
@@ -194,8 +179,12 @@ console.log("one add questions start--------------------------------------------
access: "closed",
points: 0,
examFile: null,
+ hasCertificate: false,
+ visibility: "public"
});
localStorage.removeItem("basicInfoValues");
+ setQuestionsCollection([]);
+ localStorage.removeItem("questionsCollection");
};
const [editingQuestion, setEditingQuestion] = useState(null);
@@ -207,14 +196,7 @@ console.log("one add questions start--------------------------------------------
setIsModalVisible(true);
};
- // const handleChoiceEditQuestion = (question, index) => {
- // console.log(question)
- // const questionCopy = { ...question };
- // setEditingQuestion({ ...questionCopy, index });
- // setIsModalVisible(true);
- // };
- // // Add a function to handle deleting a question
const handleOk = () => {
const updatedQuestions = [...questionsCollection];
@@ -306,21 +288,32 @@ console.log("one add questions start--------------------------------------------
-
- Organization :
- AASTU{" "}
-
+ Organization : {basicInfoValues.organization.name}
+ {workspace.isVerified ?
Created by : {user.firstName} {user.lastName}{" "}
+ + + +
+ Certification :
+
+ {basicInfoValues.hasCertificate ?
+ Visibility :
+
+ {basicInfoValues.visibility === 'public' ?
@@ -338,11 +331,11 @@ console.log("one add questions start--------------------------------------------
diff --git a/client/src/Pages/DashboardPage.jsx b/client/src/Pages/DashboardPage.jsx
index 5cf0d7f..e1ead2b 100644
--- a/client/src/Pages/DashboardPage.jsx
+++ b/client/src/Pages/DashboardPage.jsx
@@ -1,6 +1,82 @@
+import AreaChart from '../Screens/DashboardScreens/components/AreaChart';
+import LineChartt from '../Screens/DashboardScreens/components/LineChart';
+import BarChart from '../Screens/DashboardScreens/components/BarChart';
+import { Card } from 'antd';
+import Stats from '../Screens/DashboardScreens/components/Stats';
+import { useState,useEffect } from 'react';
+import { Icon } from "@iconify/react";
+import { Link, useNavigate } from "react-router-dom";
+import { useSelector } from "react-redux";
+import axios from 'axios';
+
+
const DashboardPage = () => {
+
+const [examStats,setExamStats] = useState({})
+const [orgStats,setOrgStats] = useState({})
+const { workspace } = useSelector((state) => state.data);
+
+
+const fetchOrgStats = async () => {
+ const id = workspace._id;
+
+ try {
+ const orgResponse = await axios.get(
+ `/api/stats/org/${id}`
+ );
+
+
+ const examResponse = await axios.get(
+ `/api/stats/exam/${id}`
+ );
+ await setExamStats(examResponse.data)
+ await setOrgStats(orgResponse.data)
+
+
+
+ console.log(examResponse,"examResponse")
+
+ console.log(orgResponse,"orgResponse")
+
+setExamStats(examResponse.data)
+setOrgStats(orgResponse.data)
+
+
+
+ } catch (error) {
+ console.error("Error fetching data:", error);
+ }
+
+ }
+
+
+
+useEffect(() => {
+ fetchOrgStats();
+},[])
+
return (
-
diff --git a/client/src/Pages/ExamDetailPage.jsx b/client/src/Pages/ExamDetailPage.jsx
index 250bb13..68d5cce 100644
--- a/client/src/Pages/ExamDetailPage.jsx
+++ b/client/src/Pages/ExamDetailPage.jsx
@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
import { toast } from "react-toastify";
import { Icon } from "@iconify/react";
import { Link, useParams } from "react-router-dom";
-import axios from 'axios';
+import axios from "axios";
import { useSelector } from "react-redux";
// import RelatedExams from "../Components/RelatedExams";
@@ -23,7 +23,6 @@ const ExamDetailPage = () => {
try {
const response = await axios.get(`/api/exams/${id}`);
setExam(response.data.data.data[0]);
-
} catch (error) {
console.error("Error fetching exam details:", error);
toast.error("Failed to fetch exam details");
@@ -41,99 +40,86 @@ const ExamDetailPage = () => {
-
Private Answer :
- {basicInfoValues.privateAnswer ? "Yes" : "No"}
+ {basicInfoValues.privateAnswer ?
Private Score :
- {basicInfoValues.privateScore ? "Yes" : "No"}
+ {basicInfoValues.privateScore ?
@@ -360,19 +353,19 @@ console.log("one add questions start--------------------------------------------
Calculator :
- {basicInfoValues.calculator ? "Yes" : "No"}
+ {basicInfoValues.calculator ?
Formulas Collection :{" "}
- {basicInfoValues.formulasCollection ? "Yes" : "No"}
+ {basicInfoValues.formulasCollection ?
Upload Materials :
- {basicInfoValues.uploadMaterials ? "Yes" : "No"}
+ {basicInfoValues.uploadMaterials ?
DashboardPage
+
+
+
+
+
+
)
}
export default DashboardPage
\ No newline at end of file
diff --git a/client/src/Pages/EditExamPages/components/Preview.jsx b/client/src/Pages/EditExamPages/components/Preview.jsx
index c807da4..b3b8230 100644
--- a/client/src/Pages/EditExamPages/components/Preview.jsx
+++ b/client/src/Pages/EditExamPages/components/Preview.jsx
@@ -14,31 +14,16 @@ import axios from "axios";
const Preview = ({setActiveTabKey,basicInfoValues, setBasicInfoValues, questionsCollection , setQuestionsCollection , choiceCount, chooseOnChange, setExamKey,examType}) => {
- // console.log(basicInfoValues.id,"iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiidddddddddddddddddddddddddddddddddddd")
- // console.log(questionsCollection.questions,"hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh")
- // console.log(basicInfoValues,"hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh")
+
const totalPoints = questionsCollection.questions.reduce((total, question) => total + (question.points || 0), 0); const { workspace } = useSelector((state) => state.data);
const [questionCount,setQuestionCount] = useState(0);
- // setquestionsCollection.questions (basicInfoValues.questions)
- console.log(basicInfoValues.questions,"olaaaaaaaaaaaaaa222222222222222222");
const updateQuestionCount = () => { setQuestionCount(questionCount + 1) }
const {user} = useSelector((state) => state.auth);
- // console.log(basicInfoValues.examFile)
-
- // useEffect(() => {
- // if (basicInfoValues && basicInfoValues.questions && Array.isArray(basicInfoValues.questions)) {
- // if (questionsCollection.questions .length === 0) {
- // setQuestionsCollection (basicInfoValues.questions);
- // }
- // }
- // }, [basicInfoValues, questionsCollection.questions ]);
-
-// console.log(basicInfoValues.examStartDate,"useeffcet examstart dateeeeeeeeeeeeeee")
const submitExam = async () => {
@@ -96,12 +81,8 @@ const submitExam = async () => {
"questions" : questionsCollection.questions
}
const response = await axios.patch(`/api/exams/questions/${basicInfoValues.id}`, obj);
- // Handle success
console.log('Questions submitted successfully:', response.data.data.data);
- // setquestionsCollection ([]);
- // localStorage.removeItem('questionsCollection.questions ');
- // setExamKey(response.data.data.exam.examKey);
const examDataToSend = {
examName: basicInfoValues.examName,
duration: basicInfoValues.duration,
@@ -236,7 +217,7 @@ const confirmDeleteQuestion = () => {
-
+console.log(basicInfoValues,"edit an exammmmmmmmmmm")
@@ -273,10 +254,24 @@ const confirmDeleteQuestion = () => {
+
+
+
+
+
+
+
+
+
+
+
-
@@ -299,10 +294,10 @@ const confirmDeleteQuestion = () => {
Organization : AASTU
Organization : {basicInfoValues.organization.name}
+ {basicInfoValues.organization.isVerified ?
+
+ Created by : + {user.firstName} {user.lastName}{" "} +
-Created by : {user.firstName} {user.lastName}
- +
+ Certification :
+
+ {basicInfoValues.hasCertificate ?
- Private Answer : {basicInfoValues.privateAnswer ? "Yes" : "No"}
+ Private Answer : {basicInfoValues.privateAnswer ?
- Private Score : {basicInfoValues.privateScore ? "Yes" : "No"}
+ Private Score : {basicInfoValues.privateScore ?
@@ -324,17 +319,17 @@ const confirmDeleteQuestion = () => {
Calculator :
- {basicInfoValues.calculator ? "Yes" : "No"}
+ {basicInfoValues.calculator ?
Formulas Collection :
- {basicInfoValues.formulasCollection ? "Yes" : "No"}
+ {basicInfoValues.formulasCollection ?
Upload Materials :
- {basicInfoValues.uploadMaterials ? "Yes" : "No"}
+ {basicInfoValues.uploadMaterials ?
-
- window.history.back()}
icon='fluent-emoji-high-contrast:left-arrow'
- className='text-2xl text-primary-500'
+ className='text-2xl text-primary-500 cursor-pointer'
/>
-
- Exam Details
-
- { workspace &&
- <>
-
-
-
+ {workspace && (
+ <>
+
+
-
Exam Name : {exam.examName}
-- Starts at : {new Date(exam.startDate).toLocaleString()} +
+
- + Exam Name : + {exam.examName}
-- Points : {exam.points} +
+ Starts at : + {new Date(exam.startDate).toLocaleString()} +
++ Points : + {exam.points}
{/*Questions : {exam.questions}
*/} -- Time limit : {exam.duration} Minutes +
+ Time limit : + {exam.duration} Minutes
-
-
- Organization : +
+
-
+ Organization :
{exam.organization?.name}{" "}
{exam.organization?.isVerified && (
-
- Created by : - {exam.createdBy.firstName} {" "} {exam.createdBy.lastName} + +
+ Created by : + {exam.createdBy.firstName} {exam.createdBy.lastName}
-
Instructions
-- This exam willl send your name, email and photo to the examiner. - Perferendis consectetur accusamus, culpa veniam perspiciatis - suscipit ut impedit totam similique aperiam? Libero, placeat. - Veniam velit libero assumenda distinctio accusantium expedita sed. - Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto - soluta ab ipsam, qui repellendus ut incidunt delectus ipsum error - repudiandae hic nemo doloremque consequuntur, ipsa, provident - reiciendis inventore adipisci? Facilis? -
+
+
- Instructions
+ -- This exam willl send your name, email and photo to the examiner. - Libero, placeat. Veniam velit libero assumenda distinctio - accusantium expedita sed. Lorem ipsum, dolor sit amet consectetur - adipisicing elit. Iusto soluta ab ipsam, qui repellendus ut - incidunt delectus ipsum error repudiandae hic nemo doloremque - consequuntur, ipsa, provident reiciendis inventore adipisci? - Facilis? -
-Good Luck!
+Good Luck!
+ low : high }
+ ),
access: (
handleAccess(exam._id, exam.access)}
- className="font-semibold cursor-pointer border rounded-xl flex items-center justify-center"
- style={{
- color: exam.access === "open" ? "green" : "red",
- borderColor: exam.access === "open" ? "green" : "red",
- }}
+ className="cursor-pointer"
+ // style={{
+ // color: exam.access === "open" ? "green" : "red",
+ // borderColor: exam.access === "open" ? "green" : "red",
+ // }}
>
- {exam.access}
+ {exam.access === "open" ? open : closed }
+ {/* Yes : No */}
),
active: exam.active,
diff --git a/client/src/Pages/MonitoringPage/ChatWindow.jsx b/client/src/Pages/MonitoringPage/ChatWindow.jsx
index b04663c..8040fa0 100644
--- a/client/src/Pages/MonitoringPage/ChatWindow.jsx
+++ b/client/src/Pages/MonitoringPage/ChatWindow.jsx
@@ -1,6 +1,6 @@
import { Icon } from "@iconify/react";
import { current } from "@reduxjs/toolkit";
-import { Card, Input } from "antd";
+import { Card, Input,Tag } from "antd";
import { useEffect, useState } from "react";
import { MessageList } from "react-chat-elements";
import { useSelector } from "react-redux";
@@ -29,7 +29,7 @@ const ChatWindow = ({ currentUser, seeStatusOf, currentExam, socket }) => {
}, [currentExam]);
useEffect(() => {
- console.log(currentUser, 'curUser in chat')
+ // console.log(currentUser, 'curUser in chat')
setChatList([])
if (Object.keys(currentUser).length !== 0) {
for (const chat of currentUser?.chatMessages) {
@@ -45,7 +45,7 @@ const ChatWindow = ({ currentUser, seeStatusOf, currentExam, socket }) => {
}
}, [currentUser])
- console.log(currentUser, currentExam, seeStatusOf, "currentUser in chat");
+ // console.log(currentUser, currentExam, seeStatusOf, "currentUser in chat");
useEffect(() => {
if (socket) {
@@ -109,8 +109,26 @@ const ChatWindow = ({ currentUser, seeStatusOf, currentExam, socket }) => {
};
return (
-
-
{
+ const [highlight, setHighlight] = useState(null);
+ const handleItemClick = (index, userId) => {
+ setHighlight(index);
+ setSeeStatusOf(userId);
+ };
-const ExamineeListWindow = ({ examineeList, setSeeStatusOf }) => {
return (
-
{/*
+
+
+ {seeStatusOf === "all" ? (
+
+ {/*
*/}
+ {seeStatusOf === "all" + ? "Announce" + : "Message " + currentUser?.user?.fullName} +
+
{seeStatusOf === "all" ? (
{
? "Announce"
: "Message " + currentUser?.user?.fullName}
-
+
-
+
+
+ {/* Overview Item */}
Examinees
- - {/*Examinees
+- (
+ renderItem={(item) => (
- (
-
-
Exam Monitoring
++ Exam Monitoring +
You currently have no exams created.
-
-
Exam Monitoring
+
+
+ Exam Monitoring +
- Exam:
+
+ Exam :{" "}
+