firstname on folder page

This commit is contained in:
Maxime Lalo 2024-07-23 10:37:27 +02:00
parent 2cdd13eceb
commit eb8dc507f9

View File

@ -3,22 +3,39 @@ import Button, { EButtonVariant, EButtonstyletype } from "@Front/Components/Desi
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard"; import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import { DocumentIcon } from "@heroicons/react/24/outline"; import { DocumentIcon } from "@heroicons/react/24/outline";
import { OfficeFolder } from "le-coffre-resources/dist/Notary"; import User, { OfficeFolder } from "le-coffre-resources/dist/Notary";
import { useCallback, useState } from "react"; import { useCallback, useEffect, useState } from "react";
import Image from "next/image"; import Image from "next/image";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Link from "next/link"; import Link from "next/link";
import Module from "@Front/Config/Module"; import Module from "@Front/Config/Module";
import JwtService from "@Front/Services/JwtService/JwtService";
import Users from "@Front/Api/LeCoffreApi/Notary/Users/Users";
export default function Folder() { export default function Folder() {
const [_folder, setFolder] = useState<OfficeFolder | null>(null); const [_folder, setFolder] = useState<OfficeFolder | null>(null);
const [_isArchivedModalOpen, _setIsArchivedModalOpen] = useState(true); const [_isArchivedModalOpen, _setIsArchivedModalOpen] = useState(true);
const [activeUser, setActiveUser] = useState<User | null>();
const onSelectedFolder = useCallback((folder: OfficeFolder): void => { const onSelectedFolder = useCallback((folder: OfficeFolder): void => {
setFolder(folder); setFolder(folder);
}, []); }, []);
useEffect(() => {
const decodedJwt = JwtService.getInstance().decodeJwt();
if (!decodedJwt) return;
Users.getInstance()
.getByUid(decodedJwt.userId, {
q: {
contact: true,
},
})
.then((user) => {
setActiveUser(user);
});
}, []);
return ( return (
<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={onSelectedFolder} mobileBackText={"Liste des dossiers"}> <DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={onSelectedFolder} mobileBackText={"Liste des dossiers"}>
<div className={classes["root"]}> <div className={classes["root"]}>
@ -26,9 +43,17 @@ export default function Folder() {
<div className={classes["title-container"]}> <div className={classes["title-container"]}>
<Image src={LogoIcon} alt="logo" /> <Image src={LogoIcon} alt="logo" />
<Typography typo={ETypo.TITLE_H1} color={ETypoColor.COLOR_PRIMARY_500}> {activeUser && activeUser.contact && (
Bonjour John, bienvenue sur LeCoffre.io <Typography typo={ETypo.TITLE_H1} color={ETypoColor.COLOR_PRIMARY_500}>
</Typography> Bonjour {activeUser.contact.first_name}, bienvenue sur LeCoffre.io
</Typography>
)}
{!activeUser ||
(!activeUser.contact && (
<Typography typo={ETypo.TITLE_H1} color={ETypoColor.COLOR_PRIMARY_500}>
Bonjour, bienvenue sur LeCoffre.io
</Typography>
))}
<Typography typo={ETypo.TEXT_LG_REGULAR}> <Typography typo={ETypo.TEXT_LG_REGULAR}>
Commencez par créer votre{" "} Commencez par créer votre{" "}
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} type="span"> <Typography typo={ETypo.TEXT_LG_SEMIBOLD} type="span">