From 38cde6148e19759477f770f98bf5949c8c441618 Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Mon, 11 Sep 2023 16:06:07 +0200
Subject: [PATCH] :sparkles: Dynamic my account

---
 .../Api/LeCoffreApi/Notary/Users/Users.ts     |  3 +-
 .../DeedTypes/DeedTypesInformations/index.tsx |  6 --
 .../Components/Layouts/MyAccount/index.tsx    | 83 +++++++++++++++++--
 src/front/Services/JwtService/JwtService.ts   |  2 +-
 4 files changed, 77 insertions(+), 17 deletions(-)

diff --git a/src/front/Api/LeCoffreApi/Notary/Users/Users.ts b/src/front/Api/LeCoffreApi/Notary/Users/Users.ts
index 14f31371..47a368a0 100644
--- a/src/front/Api/LeCoffreApi/Notary/Users/Users.ts
+++ b/src/front/Api/LeCoffreApi/Notary/Users/Users.ts
@@ -35,8 +35,9 @@ export default class Users extends BaseNotary {
 		}
 	}
 
-	public async getByUid(uid: string): Promise<User> {
+	public async getByUid(uid: string, q?: any): Promise<User> {
 		const url = new URL(this.baseURl.concat("/").concat(uid));
+		if (q) Object.entries(q).forEach(([key, value]) => url.searchParams.set(key, JSON.stringify(value)));
 		try {
 			return await this.getRequest<User>(url);
 		} catch (err) {
diff --git a/src/front/Components/Layouts/DeedTypes/DeedTypesInformations/index.tsx b/src/front/Components/Layouts/DeedTypes/DeedTypesInformations/index.tsx
index b4a9f32a..631c4585 100644
--- a/src/front/Components/Layouts/DeedTypes/DeedTypesInformations/index.tsx
+++ b/src/front/Components/Layouts/DeedTypes/DeedTypesInformations/index.tsx
@@ -117,12 +117,6 @@ export default function DeedTypesInformations(props: IProps) {
 				</div>
 				<div className={classes["deed-type-container"]}>
 					<div className={classes["infos"]}>
-						<div className={classes["box"]}>
-							<Typography typo={ITypo.NAV_INPUT_16} className={classes["box-title"]} color={ITypoColor.BLACK}>
-								Nom du type d'acte
-							</Typography>
-							<Typography typo={ITypo.P_18}>{deedTypeSelected?.name}</Typography>
-						</div>
 						<div className={classNames(classes["middle-box"], classes["box"])}>
 							<Typography typo={ITypo.NAV_INPUT_16} className={classes["box-title"]} color={ITypoColor.BLACK}>
 								Description
diff --git a/src/front/Components/Layouts/MyAccount/index.tsx b/src/front/Components/Layouts/MyAccount/index.tsx
index 78c44af4..7b0d4798 100644
--- a/src/front/Components/Layouts/MyAccount/index.tsx
+++ b/src/front/Components/Layouts/MyAccount/index.tsx
@@ -6,11 +6,23 @@ import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
 import React from "react";
 
 import classes from "./classes.module.scss";
+import User from "le-coffre-resources/dist/Notary";
+import Users from "@Front/Api/LeCoffreApi/Notary/Users/Users";
+import JwtService from "@Front/Services/JwtService/JwtService";
 
 type IProps = {};
-type IState = {};
+type IState = {
+	user: User | null;
+};
 
 export default class MyAccount extends Base<IProps, IState> {
+	constructor(props: IProps) {
+		super(props);
+		this.state = {
+			user: null,
+		};
+	}
+
 	public override render(): JSX.Element {
 		return (
 			<DefaultTemplate title={"Mon compte"}>
@@ -25,19 +37,31 @@ export default class MyAccount extends Base<IProps, IState> {
 							</Typography>
 							<Form onSubmit={this.onFormSubmit}>
 								<div className={classes["form-container"]}>
-									<TextField name="name" placeholder="Nom" defaultValue={"BIHR"} disabled canCopy />
-									<TextField name="surname" placeholder="Prénom" defaultValue={"Nicolas"} disabled canCopy />
+									<TextField
+										name="name"
+										placeholder="Nom"
+										defaultValue={this.state.user?.contact?.last_name}
+										disabled
+										canCopy
+									/>
+									<TextField
+										name="surname"
+										placeholder="Prénom"
+										defaultValue={this.state.user?.contact?.first_name}
+										disabled
+										canCopy
+									/>
 									<TextField
 										name="email"
 										placeholder="E-mail"
-										defaultValue={"nicolas.bihr@notaires.fr"}
+										defaultValue={this.state.user?.contact?.email}
 										disabled
 										canCopy
 									/>
 									<TextField
 										name="phone"
 										placeholder="Numéro de téléphone"
-										defaultValue={"06 74 83 90 23"}
+										defaultValue={this.state.user?.contact?.phone_number as string}
 										disabled
 										canCopy
 									/>
@@ -53,13 +77,35 @@ export default class MyAccount extends Base<IProps, IState> {
 									<TextField
 										name="office_denomination"
 										placeholder="Dénomination de l'office"
-										defaultValue="Etude Office notarial du Cormier"
+										defaultValue={this.state.user?.office_membership?.name}
+										disabled
+										canCopy
+									/>
+									<TextField
+										name="crpcen"
+										placeholder="CRPCEN"
+										defaultValue={this.state.user?.office_membership?.crpcen}
+										disabled
+										canCopy
+									/>
+									<TextField
+										name="cp_address"
+										placeholder="Adresse CP"
+										defaultValue={this.state.user?.office_membership?.address?.address}
+										disabled
+										canCopy
+									/>
+									<TextField
+										name="city"
+										placeholder="Ville"
+										defaultValue={
+											this.state.user?.office_membership?.address?.zip_code +
+											" - " +
+											this.state.user?.office_membership?.address?.city
+										}
 										disabled
 										canCopy
 									/>
-									<TextField name="crpcen" placeholder="CRPCEN" defaultValue="35137" disabled canCopy />
-									<TextField name="cp_address" placeholder="Adresse CP" defaultValue="2 RUE DE RENNES" disabled canCopy />
-									<TextField name="city" placeholder="Ville" defaultValue="35140 ST AUBIN DU CORMIER" disabled canCopy />
 								</div>
 							</Form>
 						</div>
@@ -69,6 +115,25 @@ export default class MyAccount extends Base<IProps, IState> {
 		);
 	}
 
+	public override async componentDidMount() {
+		const jwtUncoded = JwtService.getInstance().decodeCustomerJwt();
+		console.log(jwtUncoded);
+		if (!jwtUncoded) return;
+		const user = await Users.getInstance().getByUid(jwtUncoded.userId, {
+			q: {
+				office_membership: {
+					include: {
+						address: true,
+					},
+				},
+				contact: true,
+			},
+		});
+		if (!user) return;
+		this.setState({
+			user,
+		});
+	}
 	private onFormSubmit(
 		e: React.FormEvent<HTMLFormElement> | null,
 		values: {
diff --git a/src/front/Services/JwtService/JwtService.ts b/src/front/Services/JwtService/JwtService.ts
index 37a78e48..3d1d5ac4 100644
--- a/src/front/Services/JwtService/JwtService.ts
+++ b/src/front/Services/JwtService/JwtService.ts
@@ -20,7 +20,7 @@ export interface IUserJwtPayload {
 }
 
 export interface ICustomerJwtPayload {
-	customerId: string;
+	userId: string;
 	email: string;
 }