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

🐛 Fixing typos and overflow

Browse Source
This commit is contained in:
Maxime Lalo 2023-05-11 18:50:21 +02:00
parent 70099340e2
commit 06674f940b
7 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/front/Components/DesignSystem/FolderList/classes.module.scss
View File

@ -2,7 +2,11 @@
.root {
height: calc(100vh - 290px);
overflow: scroll;
overflow-y: scroll;
&.archived{
height: calc(100vh - 220px);
}
.active {
background-color: var(--grey-medium);

3
src/front/Components/DesignSystem/FolderList/index.tsx
View File

@ -7,6 +7,7 @@ import React from "react";
import FolderContainer from "../FolderContainer";
import classes from "./classes.module.scss";
import classNames from "classnames";
type IProps = {
folders: IDashBoardFolder[];
@ -26,7 +27,7 @@ class FolderListClass extends React.Component<IPropsClass, IState> {
? Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.pages.FolderInformation.props.path
: Module.getInstance().get().modules.pages.Folder.pages.FolderInformation.props.path;
public override render(): JSX.Element {
return <div className={classes["root"]}>{this.renderFolders()}</div>;
return <div className={classNames(classes["root"], this.props.isArchived ? classes["archived"]:"")}>{this.renderFolders()}</div>;
}
private renderFolders(): JSX.Element[] {

6
src/front/Components/DesignSystem/FolderListContainer/index.tsx
View File

@ -1,4 +1,5 @@
import { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import Module from "@Front/Config/Module";
import Link from "next/link";
import React from "react";
@ -6,7 +7,6 @@ import Button from "../Button";
import FolderList from "../FolderList";
import SearchBar from "../SearchBar";
import classes from "./classes.module.scss";
import Module from "@Front/Config/Module";
type IProps = {
folders: IDashBoardFolder[];
@ -44,13 +44,13 @@ export default class FolderListContainer extends React.Component<IProps, IState>
/>
</div>
</div>
<div>
{!this.props.isArchived && (
<div>
<Link href={navigatePath}>
<Button fullwidth={true}>Créer un dossier</Button>
</Link>
)}
</div>
)}
</div>
);
}

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

@ -123,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}>
Vous n'avez aucun dossier archivés
Sélectionnez un dossier
</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}>
Vous n'avez aucun dossier archivés
Sélectionnez un dossier
</Typography>
</div>
</div>

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

@ -93,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}>
Vous n'avez aucun dossier archivés
Vous n'avez aucun dossier archivé
</Typography>
</div>
</div>

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

@ -31,7 +31,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}>
Vous n'avez aucun dossier archivés
Vous n'avez aucun dossier archivé
</Typography>
</div>
</div>