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

Implemented the whole flow for when a user intends to input their own levels

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-05-27 16:15:23 +01:00
parent 23b3703b67
commit b5dabe336a
4 changed files with 54 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/index.tsx
View File

@@ -36,14 +36,18 @@ export const getServerSideProps = withIronSessionSsr(({req, res}) => {
export default function Home() {
const [showEndExam, setShowEndExam] = useState(false);
const [windowWidth, setWindowWidth] = useState(0);
const [showDiagnostics, setShowDiagnostics] = useState(false);
const {stats, isLoading} = useStats();
const {user} = useUser({redirectTo: "/login"});
useEffect(() => setShowEndExam(window.innerWidth <= 960), []);
useEffect(() => setWindowWidth(window.innerWidth), []);
useEffect(() => {
if (user) setShowDiagnostics(user.isFirstLogin);
}, [user]);
if (user && user.isFirstLogin) {
if (user && showDiagnostics) {
return (
<>
<Head>
@@ -56,7 +60,7 @@ export default function Home() {
<link rel="icon" href="/favicon.ico" />
</Head>
<main className="w-full h-full min-h-[100vh] flex flex-col items-center justify-center bg-neutral-100 text-black">
<Diagnostic user={user} />
<Diagnostic user={user} onFinish={() => setShowDiagnostics(false)} />
</main>
</>
);