✨ firstname on folder page
This commit is contained in:
parent
2cdd13eceb
commit
eb8dc507f9
@ -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">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user