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

🎨 fix tooltip description

Browse Source
This commit is contained in:
Hugo Lextrait 2023-05-11 17:33:16 +02:00
parent 31b5fed9b3
commit fdd7d2ca79
8 changed files with 51 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/front/Components/DesignSystem/FolderBoxInformation/classes.module.scss
View File

@ -8,6 +8,12 @@
align-items: center;
justify-content: space-between;
&.single-information {
.content {
grid-template-columns: 1fr;
}
}
.content {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
@ -17,7 +23,6 @@
.text-container {
display: flex;
flex-direction: column;
justify-content: space-between;
> :first-child {
margin-bottom: 12px;
@ -33,9 +38,7 @@
grid-template-columns: 1fr;
}
&.single-information {
grid-template-columns: 1fr;
}
}
.edit-icon-container {

1
src/front/Components/DesignSystem/Select/index.tsx
View File

@ -22,6 +22,7 @@ export type IOption = {
value: unknown;
label: string;
icon?: ReactNode;
description?: string;
};
type IState = {

4
src/front/Components/Layouts/Folder/AskDocuments/index.tsx
View File

@ -1,4 +1,3 @@
import PlusIcon from "@Assets/Icons/plus.svg";
import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
@ -71,7 +70,7 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
{this.state.documentTypes.map((documentType) => (
<CheckBox
name="document_types"
toolTip="Checkbox with tooltip"
toolTip={documentType.description}
option={documentType}
key={documentType.value as string}
/>
@ -172,6 +171,7 @@ class AskDocumentsClass extends BasePage<IPropsClass, IState> {
return {
label: documentType.document_type!.name!,
value: documentType.document_type!.uid!,
description: documentType.document_type!.private_description!,
};
});

3
src/front/Components/Layouts/Folder/FolderInformation/index.tsx
View File

@ -1,4 +1,3 @@
import ChevronIcon from "@Assets/Icons/chevron.svg";
import Folders, { IPutFoldersParams } from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
@ -124,7 +123,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
<div className={classes["choose-a-folder"]}>
<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
Veuillez sélectionner un dossier.
Vous n'avez aucun dossier archivés
</Typography>
</div>
</div>

2
src/front/Components/Layouts/Folder/index.tsx
View File

@ -28,7 +28,7 @@ export default class Folder extends BasePage<IProps, IState> {
<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
<div className={classes["choose-a-folder"]}>
<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
Veuillez sélectionner un dossier.
Vous n'avez aucun dossier archivés
</Typography>
</div>
</div>

3
src/front/Components/Layouts/FolderArchived/FolderInformation/index.tsx
View File

@ -1,4 +1,3 @@
import ChevronIcon from "@Assets/Icons/chevron.svg";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
import FolderBoxInformation, { EFolderBoxInformationType } from "@Front/Components/DesignSystem/FolderBoxInformation";
@ -94,7 +93,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
<div className={classes["choose-a-folder"]}>
<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
Veuillez sélectionner un dossier.
Vous n'avez aucun dossier archivés
</Typography>
</div>
</div>

8
src/front/Components/Layouts/FolderArchived/index.tsx
View File

@ -21,13 +21,17 @@ export default class Folder extends BasePage<IProps, IState> {
// TODO: Message if the user has not created any folder yet
public override render(): JSX.Element {
return (
<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder} isArchived mobileBackText={"Liste des dossiers"}>
<DefaultNotaryDashboard
title={"Dossier"}
onSelectedFolder={this.onSelectedFolder}
isArchived
mobileBackText={"Liste des dossiers"}>
<div className={classes["root"]}>
<div className={classes["no-folder-selected"]}>
<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
<div className={classes["choose-a-folder"]}>
<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
Veuillez sélectionner un dossier.
Vous n'avez aucun dossier archivés
</Typography>
</div>
</div>

40
src/front/Components/Layouts/MyAccount/index.tsx
View File

@ -25,10 +25,22 @@ export default class MyAccount extends Base<IProps, IState> {
</Typography>
<Form onSubmit={this.onFormSubmit}>
<div className={classes["form-container"]}>
<InputField name="name" fakeplaceholder="Nom" type="text" defaultValue={"TEXIER"} disabled />
<InputField name="surname" fakeplaceholder="Prénom" type="text" defaultValue={"Gwendal"} disabled />
<InputField name="email" fakeplaceholder="E-mail" type="email" defaultValue={"g.texier@notaires.fr"} disabled />
<InputField name="phone" fakeplaceholder="Numéro de téléphone" type="tel" defaultValue={"06 74 83 90 23"} disabled />
<InputField name="name" fakeplaceholder="Nom" type="text" defaultValue={"BIHR"} disabled />
<InputField name="surname" fakeplaceholder="Prénom" type="text" defaultValue={"Nicolas"} disabled />
<InputField
name="email"
fakeplaceholder="E-mail"
type="email"
defaultValue={"nicolas.bihr@notaires.fr"}
disabled
/>
<InputField
name="phone"
fakeplaceholder="Numéro de téléphone"
type="tel"
defaultValue={"06 74 83 90 23"}
disabled
/>
</div>
</Form>
</div>
@ -42,12 +54,24 @@ export default class MyAccount extends Base<IProps, IState> {
name="office_denomination"
fakeplaceholder="Dénomination de l'office"
type="text"
defaultValue="AP NOTAIRES"
defaultValue="Etude Office notarial du Cormier"
disabled
/>
<InputField name="crpcen" fakeplaceholder="CRPCEN" type="number" defaultValue="35137" disabled />
<InputField
name="cp_address"
fakeplaceholder="Adresse CP"
defaultValue="2 RUE DE RENNES"
type="text"
disabled
/>
<InputField
name="city"
fakeplaceholder="Ville"
type="text"
defaultValue="35140 ST AUBIN DU CORMIER"
disabled
/>
<InputField name="crpcen" fakeplaceholder="CRPCEN" type="number" defaultValue="04839284" disabled />
<InputField name="cp_address" fakeplaceholder="Adresse CP" defaultValue="4 Avenue de La Forêt" type="text" disabled />
<InputField name="city" fakeplaceholder="Ville" type="text" defaultValue="35340 LIFFRE" disabled />
</div>
</Form>
</div>