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

Added new card

This commit is contained in:
timhaller
2023-12-05 21:20:43 +01:00
parent 15516490a8
commit 0c30f3b43a
4 changed files with 57 additions and 87 deletions

View File

@@ -15,8 +15,8 @@ export default function Home() {
}
return (
<div>
<h1>Calendrier-avent</h1>
<div className={""}>
<h1 className={"border-l-blue-600"}>Calendrier-avent</h1>
<p>Please enter the password :</p>
<form onSubmit={handleSubmit}>
<input type="password" id="password" name="password" value={password} onChange={(e) => setPassword(e.target.value)}></input>

View File

@@ -1,89 +1,11 @@
"use client";
import {Bar} from "react-chartjs-2";
import prisma from "@lib/prisma";
import Head from 'next/head'
import {
Chart as ChartJS,
CategoryScale,
LinearScale,
PointElement,
LineElement,
Title,
Tooltip,
Legend,
Filler,
} from "chart.js";
ChartJS.register (
CategoryScale,
LinearScale,
PointElement,
LineElement,
Filler,
Title,
Tooltip,
Legend
);
interface IPower {
date: string,
value: number
}
interface IChart {
labels : string[],
datasets: [
{
label: string,
data: number[],
fill: true,
backgroundColor: string,
borderColor: string,
},
],
}
export default async function Results() {
const grades = await prisma.grade.findMany()
const gradesArray = grades.map(grade => grade.grade.toString())
const allGrades = ["1", "1,5", "2", "2,5", "3", "3,5", "4", "4,5", "5", "5,5", "6"]
const gradesCount = allGrades.map(grade => gradesArray.filter(g => g === grade).length)
console.log(allGrades)
console.log(gradesCount)
const options = {
responsive: true,
plugins: {
legend: {
position: 'top' as const,
},
title: {
display: true,
text: 'Energy Production/Consumption',
},
},
};
import {DayCard} from "@components/custom/dayCard";
export default function Results() {
return (
<>
<Head>
<title>Solar</title>
<meta name="description" content="Generated by create next app" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main>
{ gradesCount ?
<>
{console.log("datas", gradesArray)}
<Bar data={gradesCount} width={100} height={40} options={options}/>
</>
: null
}
</main>
</>
<div>
<DayCard day={1} enabled={true} name={"Michal Polka"}/>
</div>
)
}