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

Button fixed

Browse Source
This commit is contained in:
Vins 2024-02-19 11:30:08 +01:00
parent 3d24b4e271
commit 8e1844acd9
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/front/Components/Layouts/ClientDashboard/classes.module.scss
View File

@ -4,6 +4,7 @@
.header { .header {
display: flex; display: flex;
padding: 64px; padding: 64px;
justify-content: space-between;
@media (max-width: $screen-m) { @media (max-width: $screen-m) {
flex-wrap: wrap; flex-wrap: wrap;

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

@ -95,9 +95,11 @@ export default function ClientDashboard(props: IProps) {
<div className={classes["header"]}> <div className={classes["header"]}>
<div className={classes["text-container"]}> <div className={classes["text-container"]}>
{/* TODO Get name from userStore */} {/* TODO Get name from userStore */}
<div className={classes["title-container"]}>
<Typography typo={ITypo.H1} className={classes["title"]}> <Typography typo={ITypo.H1} className={classes["title"]}>
Bonjour {customer?.contact?.first_name.concat(" ", customer?.contact?.last_name)} Bonjour {customer?.contact?.first_name.concat(" ", customer?.contact?.last_name)}
</Typography> </Typography>
</div>
<Typography typo={ITypo.P_SB_18} className={classes["folder-number"]} color={ITypoColor.GREY}> <Typography typo={ITypo.P_SB_18} className={classes["folder-number"]} color={ITypoColor.GREY}>
Dossier {folder?.folder_number} - {folder?.name} Dossier {folder?.folder_number} - {folder?.name}
@ -117,9 +119,11 @@ export default function ClientDashboard(props: IProps) {
sélectionnez le document correspondant. <br /> En déposant un document, celui-ci est automatiquement enregistré et sélectionnez le document correspondant. <br /> En déposant un document, celui-ci est automatiquement enregistré et
transmis à votre notaire. transmis à votre notaire.
</Typography> </Typography>
{folder?.office?.rib_name && <Button onClick={downloadFile}>Télécharger le Rib</Button>}
</div> </div>
{folder?.office?.rib_name && (
//Div to avoid the button to be on the same line as the text
<Button onClick={downloadFile}>Télécharger le Rib</Button>
)}
</div> </div>
); );
}, [customer, folder?.folder_number, folder?.name, folder?.office?.name]); }, [customer, folder?.folder_number, folder?.name, folder?.office?.name]);