devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created a screen for the module exam selection

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-03-07 18:30:20 +00:00
parent d3dd1c4ccd
commit 94065e453f
6 changed files with 166 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/index.tsx
View File

@@ -7,6 +7,7 @@ import JSON_RESULTS from "@/demo/user_results.json";
import Navbar from "@/components/Navbar";
import Icon from "@mdi/react";
import {mdiPlus} from "@mdi/js";
import Link from "next/link";
const inter = Inter({subsets: ["latin"]});
@@ -19,13 +20,15 @@ export default function Home() {
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className="w-full h-screen flex flex-col items-center">
<main className="w-full h-screen flex flex-col items-center bg-white">
<Navbar />
<div className="w-full h-full p-4 relative">
<button className="btn gap-2 right-4 absolute">
<Icon path={mdiPlus} color="white" size={1} />
New Exam
</button>
<Link href="/exam">
<button className="btn btn-primary gap-2 right-4 absolute">
<Icon path={mdiPlus} color="white" size={1} />
New Exam
</button>
</Link>
<section className="h-full w-full grid grid-cols-2 place-items-center">
<UserResultChart results={JSON_RESULTS} resultKey="score" label="User results" className="w-5/6" />
<UserResultChart results={JSON_RESULTS} resultKey="total" label="Total exams" className="w-5/6" />