/* eslint-disable @next/next/no-img-element */ import Head from "next/head"; import Navbar from "@/components/Navbar"; import {BsFileEarmarkText, BsPencil, BsStar, BsBook, BsHeadphones, BsPen, BsMegaphone} from "react-icons/bs"; import {ArcElement} from "chart.js"; import {withIronSessionSsr} from "iron-session/next"; import {sessionOptions} from "@/lib/session"; import {useEffect, useState} from "react"; import useStats from "@/hooks/useStats"; import {averageScore, totalExams, totalExamsByModule, groupBySession} from "@/utils/stats"; import useUser from "@/hooks/useUser"; import Sidebar from "@/components/Sidebar"; import Diagnostic from "@/components/Diagnostic"; import {ToastContainer} from "react-toastify"; import {capitalize} from "lodash"; import {Module} from "@/interfaces"; import ProgressBar from "@/components/Low/ProgressBar"; import Layout from "@/components/High/Layout"; import {calculateAverageLevel} from "@/utils/score"; import {MODULE_ARRAY} from "@/utils/moduleUtils"; import {Chart} from "react-chartjs-2"; export const getServerSideProps = withIronSessionSsr(({req, res}) => { const user = req.session.user; if (!user) { res.setHeader("location", "/login"); res.statusCode = 302; res.end(); return { props: { user: null, }, }; } return { props: {user: req.session.user}, }; }, sessionOptions); export default function Stats() { const {user} = useUser({redirectTo: "/login"}); const {stats} = useStats(user?.id); const totalExamsData = { labels: MODULE_ARRAY.map((x) => capitalize(x)), datasets: [ { label: "Total exams", data: MODULE_ARRAY.map((x) => totalExamsByModule(stats, x)), backgroundColor: ["#1EB3FF", "#FF790A", "#3D9F11", "#EF5DA8"], }, ], }; return ( <> Stats | IELTS GPT {user && (
{user.name}

{user.name}

{capitalize(user.type)}
{Object.keys(groupBySession(stats)).length} Exams
{stats.length} Exercises
{averageScore(stats)}% Average Score
Module Statistics
Exams per Module
{totalExamsByModule(stats, "reading")} of{" "} {Object.keys(groupBySession(stats)).length} Reading
{totalExamsByModule(stats, "listening")} of{" "} {Object.keys(groupBySession(stats)).length} Listening
{totalExamsByModule(stats, "writing")} of{" "} {Object.keys(groupBySession(stats)).length} Writing
{totalExamsByModule(stats, "speaking")} of{" "} {Object.keys(groupBySession(stats)).length} Speaking
)} ); }