Fayorg/calendrier-avent
1
0
Fork 0
mirror of https://github.com/Fayorg/calendrier-avant.git synced 2026-05-27 17:18:38 +02:00
Code Activity

add: auto-refresh on the results pages

Browse Source
This commit is contained in:
Elie Baier
2023-12-18 16:17:29 +01:00
parent 8ca5133527
commit 25ec9c2e50
3 changed files with 81 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/results/[id]/page.tsx
View File

@@ -1,35 +1,34 @@
'use server';
'use client';
import { Chart } from '@components/custom/chart';
import logo from '@images/logo.svg';
import Image from 'next/image';
import Prisma from '@lib/prisma';
import ginger from '@images/ginger.png';
import { getResults, getTeacherResult, Results } from '@/actions/results';
import { useEffect, useState } from 'react';
interface data {
name: string;
total: number;
}
export default function Page({ params }: { params: { id: string } }) {
const testId = parseInt(params.id);
export default async function Page({ params }: { params: { id: string } }) {
const teacherGrade = await Prisma.grade.findFirst({ where: { testId: parseInt(params.id), user: { isTeacher: true } } });
const [teacherGrade, setTeacherGrade] = useState<number>(0);
const [data, setData] = useState<Results[]>([]);
const grades = await Prisma.grade.findMany({ where: { testId: parseInt(params.id), user: { isTeacher: false } } });
function featchResults(testId: number) {
getTeacherResult(testId)
.then((res) => setTeacherGrade(res?.grade || 0))
.catch((err) => console.error(err));
const allGrades = ['1', '1.5', '2', '2.5', '3', '3.5', '4', '4.5', '5', '5.5', '6'];
let gradeOccurences = new Array(allGrades.length).fill(0);
const gradeList = grades.map((grade) => grade.grade);
for (let i = 0; i < gradeList.length; i++) {
gradeOccurences[allGrades.indexOf(gradeList[i].toString())]++;
getResults(testId)
.then((res) => setData(res))
.catch((err) => console.error(err));
}
let data: data[] = [];
for (let i = 0; i < gradeOccurences.length; i++) {
data.push({
name: allGrades[i],
total: gradeOccurences[i],
});
}
useEffect(() => {
featchResults(testId);
}, [testId]);
setTimeout(() => {
featchResults(testId);
}, 5000);
return (
<div className={'p-4 md:p-12 w-full h-screen bg-black flex flex-col justify-between gap-y-4'}>
@@ -38,7 +37,7 @@ export default async function Page({ params }: { params: { id: string } }) {
<div className={'flex justify-center relative w-full'}>
<div className={'flex items-center text-center'}>
<Image src={ginger} alt={'Logo'} width={120} height={120} className={'inline-flex'} />
<h2 className={'text-4xl font-bold text-white absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]'}>{teacherGrade.grade}</h2>
<h2 className={'text-4xl font-bold text-white absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]'}>{teacherGrade}</h2>
</div>
</div>
)}