4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ Fixing login

Browse Source
This commit is contained in:
Maxime Lalo 2023-07-25 10:52:10 +02:00
parent 78cd1ec0b3
commit 7cbd73c048
1 changed files with 35 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/front/Components/Layouts/Login/index.tsx
View File

@ -1,48 +1,48 @@
import CoffreIcon from "@Assets/Icons/coffre.svg"; import CoffreIcon from "@Assets/Icons/coffre.svg";
// import { FrontendVariables } from "@Front/Config/VariablesFront";
import idNoteLogo from "@Assets/Icons/id-note-logo.svg"; import idNoteLogo from "@Assets/Icons/id-note-logo.svg";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage"; import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
import Module from "@Front/Config/Module";
import JwtService from "@Front/Services/JwtService/JwtService";
import UserStore from "@Front/Stores/UserStore"; import UserStore from "@Front/Stores/UserStore";
import Image from "next/image"; import Image from "next/image";
import { useRouter } from "next/router";
import { useCallback } from "react";
import BasePage from "../Base";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import LandingImage from "./landing-connect.jpeg"; import LandingImage from "./landing-connect.jpeg";
export default class LoginClass extends BasePage { export default function Login() {
public override render(): JSX.Element { const router = useRouter();
return ( const redirectUserOnConnection = useCallback(() => {
<DefaultDoubleSidePage title={"Login"} image={LandingImage}> async function getUser() {
<div className={classes["root"]}> try {
<Image alt="coffre" src={CoffreIcon} /> await UserStore.instance.connect(process.env["NEXT_PUBLIC_ADMIN_ID"] as string);
<Typography typo={ITypo.H1}> await JwtService.getInstance().checkJwt();
<div className={classes["title"]}>Connexion espace professionnel</div> router.push(Module.getInstance().get().modules.pages.Folder.props.path);
</Typography> } catch (e) {
<Button onClick={this.redirectUserOnConnection} icon={idNoteLogo} iconposition={"left"}> console.error(e);
S'identifier avec ID.not }
</Button> }
<Typography typo={ITypo.P_18}>
<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
</Typography>
<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
</div>
</DefaultDoubleSidePage>
);
}
private async redirectUserOnConnection() { getUser();
// const variables = FrontendVariables.getInstance(); }, [router]);
// const baseFronturl = variables.BACK_API_PROTOCOL + variables.FRONT_APP_HOST; return (
<DefaultDoubleSidePage title={"Login"} image={LandingImage}>
await UserStore.instance.connect(process.env["NEXT_PUBLIC_ADMIN_ID"] as string); <div className={classes["root"]}>
// await JwtService.getInstance().checkJwt(); <Image alt="coffre" src={CoffreIcon} />
// window.location.assign("http://localhost:3000" + "/folders"); <Typography typo={ITypo.H1}>
<div className={classes["title"]}>Connexion espace professionnel</div>
// const authorizeEndPoint = variables.IDNOT_AUTHORIZE_ENDPOINT; </Typography>
// const clientId = variables.IDNOT_CLIENT_ID; <Button onClick={redirectUserOnConnection} icon={idNoteLogo} iconposition={"left"}>
// const url = `${authorizeEndPoint}?client_id=${clientId}&redirect_uri=${baseFronturl}/authorized-client&scope=openid,profile,offline_access&response_type=code`; S'identifier avec ID.not
// window.location.assign(url); </Button>
} <Typography typo={ITypo.P_18}>
<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
</Typography>
<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
</div>
</DefaultDoubleSidePage>
);
} }