From fcdcc14b85d9e58bbd77e12a42a5afe3e074daaa Mon Sep 17 00:00:00 2001
From: Fayorg <ebr@aketechnology.com>
Date: Tue, 5 Dec 2023 23:52:41 +0100
Subject: [PATCH] fix: created components for voting page

---
 components/custom/gradingForm.tsx | 76 +++++++++++++++++++++++++++++++
 components/custom/index.ts        |  3 ++
 components/custom/testCard.tsx    | 32 +++++++++++++
 3 files changed, 111 insertions(+)
 create mode 100644 components/custom/gradingForm.tsx
 create mode 100644 components/custom/index.ts
 create mode 100644 components/custom/testCard.tsx

diff --git a/components/custom/gradingForm.tsx b/components/custom/gradingForm.tsx
new file mode 100644
index 0000000..a59e47f
--- /dev/null
+++ b/components/custom/gradingForm.tsx
@@ -0,0 +1,76 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+export function GradingForm({ password, data }: { password: string; data: any }) {
+	const [grade, setGrade] = useState<number>(0);
+	const [hasVoted, setHasVoted] = useState<boolean>(false);
+	const router = useRouter();
+
+	async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
+		event.preventDefault();
+
+		const response = await fetch('/api/grade', {
+			method: 'POST',
+			body: JSON.stringify({ grade, key: password, testId: data.id }),
+		});
+		const json = await response.json();
+		if (response.status == 200) {
+			setHasVoted(true);
+		} else {
+			alert(json.message);
+		}
+	}
+
+	if (data.vote.hasVoted || hasVoted) {
+		return (
+			<div>
+				<p>Vous avez déjà voté, merci !</p>
+				<p>{'Vous avez mis ' + (data.vote.hasVoted ? data.vote.grade : grade) + ' !'}</p>
+			</div>
+		);
+	}
+
+	return (
+		<div>
+			<p>Cliquer sur la note à la fin de la présentation :</p>
+			<form onSubmit={handleSubmit}>
+				<input type="radio" id="one" name="grade" checked={grade == 1} onChange={(e) => setGrade(1)}></input>
+				<label htmlFor="one">1</label>
+				<br></br>
+				<input type="radio" id="15" name="grade" checked={grade == 1.5} onChange={(e) => setGrade(1.5)}></input>
+				<label htmlFor="one">1.5</label>
+				<br></br>
+				<input type="radio" id="2" name="grade" checked={grade == 2} onChange={(e) => setGrade(2)}></input>
+				<label htmlFor="one">2</label>
+				<br></br>
+				<input type="radio" id="25" name="grade" checked={grade == 2.5} onChange={(e) => setGrade(2.5)}></input>
+				<label htmlFor="one">2.5</label>
+				<br></br>
+				<input type="radio" id="3" name="grade" checked={grade == 3} onChange={(e) => setGrade(3)}></input>
+				<label htmlFor="one">3</label>
+				<br></br>
+				<input type="radio" id="35" name="grade" checked={grade == 3.5} onChange={(e) => setGrade(3.5)}></input>
+				<label htmlFor="one">3.5</label>
+				<br></br>
+				<input type="radio" id="4" name="grade" checked={grade == 4} onChange={(e) => setGrade(4)}></input>
+				<label htmlFor="one">4</label>
+				<br></br>
+				<input type="radio" id="45" name="grade" checked={grade == 4.5} onChange={(e) => setGrade(4.5)}></input>
+				<label htmlFor="one">4.5</label>
+				<br></br>
+				<input type="radio" id="5" name="grade" checked={grade == 5} onChange={(e) => setGrade(5)}></input>
+				<label htmlFor="one">5</label>
+				<br></br>
+				<input type="radio" id="55" name="grade" checked={grade == 5.5} onChange={(e) => setGrade(5.5)}></input>
+				<label htmlFor="one">5.5</label>
+				<br></br>
+				<input type="radio" id="6" name="grade" checked={grade == 6} onChange={(e) => setGrade(6)}></input>
+				<label htmlFor="one">6</label>
+				<br></br>
+				<input type="submit" value={'Envoyer'}></input>
+			</form>
+		</div>
+	);
+}
diff --git a/components/custom/index.ts b/components/custom/index.ts
new file mode 100644
index 0000000..778de2a
--- /dev/null
+++ b/components/custom/index.ts
@@ -0,0 +1,3 @@
+export { DayCard as DayCard } from './dayCard';
+export { TestCard as TestCard } from './testCard';
+export { GradingForm } from "./gradingForm";
\ No newline at end of file
diff --git a/components/custom/testCard.tsx b/components/custom/testCard.tsx
new file mode 100644
index 0000000..84e2b3e
--- /dev/null
+++ b/components/custom/testCard.tsx
@@ -0,0 +1,32 @@
+'use client';
+
+export function TestCard({ data, error, isLoading }: { data: any; error: any; isLoading: boolean }) {
+	if (isLoading)
+		return (
+			<div className="rounded-lg border-gray-700 border-2">
+				<h2>Aujourd'hui</h2>
+				<h3>Chargement...</h3>
+			</div>
+		);
+	if (error)
+		return (
+			<div className="rounded-lg border-gray-700 border-2">
+				<h2>Aujourd'hui</h2>
+				<h3>Une erreur est survenue, merci d'essayer dans quelques minutes</h3>
+			</div>
+		);
+	if (data.status == 404)
+		return (
+			<div className="rounded-lg border-gray-700 border-2">
+				<h2>{"Aujourd'hui " + new Date().toLocaleDateString()}</h2>
+				<h3>Pas de test prévu pour aujourd'hui</h3>
+			</div>
+		);
+
+	return (
+		<div className="rounded-lg border-gray-700 border-2">
+			<h2>{"Aujourd'hui " + new Date(data.testOn).toLocaleDateString()}</h2>
+			<h3>{data.testOf.firstName + ' ' + data.testOf.lastName}</h3>
+		</div>
+	);
+}