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

ORA - 587 -> 404 Page not found (#19)

Browse Source 
FIGMA :
https://www.figma.com/file/0u9DwkXxLACAlFabuMDr6R/Not.IT?node-id=3807-113556&t=DsQe28R74iWq9HgE-0


https://app.ora.pm/p/fb56ed95daa7456b888d266a050b9afa?v=86662&s=28925&t=k&c=f4ba7a30068f4cc887afb5d6cdfed14f
This commit is contained in:
Maxime Lalo 2023-05-02 14:14:06 +02:00 committed by GitHub
commit 1a4220cac8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/front/Components/Layouts/Folder/CreateFolder/index.tsx
View File

@ -13,8 +13,8 @@ import { ActionMeta, MultiValue } from "react-select";
import BasePage from "../../Base"; import BasePage from "../../Base";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import { Deed, DeedType, OfficeFolder, OfficeFolderHasCustomer, OfficeFolderHasStakeholder } from "le-coffre-resources/dist/Notary"; import { Deed, DeedType, OfficeFolder, OfficeFolderHasStakeholder } from "le-coffre-resources/dist/Notary";
import DeedTypes from "@Front/Api/LeCoffreApi/SuperAdmin/DeedTypes/DeedTypes"; // import DeedTypes from "@Front/Api/LeCoffreApi/SuperAdmin/DeedTypes/DeedTypes";
import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users"; import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
import User from "le-coffre-resources/dist/Notary"; import User from "le-coffre-resources/dist/Notary";
@ -83,13 +83,8 @@ export default class CreateFolder extends BasePage<IProps, IState> {
type="number" type="number"
onChange={this.onFolderNumberChange} onChange={this.onFolderNumberChange}
/> />
<<<<<<< Updated upstream
<InputField name="entitled" fakeplaceholder="Intitulé" onChange={this.onEntitleChange} />
<Select options={this.actsOptions} placeholder={"Type d’acte"} onChange={this.onActTypeChange} />
=======
<InputField name="name" fakeplaceholder="Intitulé" onChange={this.onEntitleChange} /> <InputField name="name" fakeplaceholder="Intitulé" onChange={this.onEntitleChange} />
<Select options={this.state.deedTypesOptions} placeholder={"Type d’acte"} onChange={this.onActTypeChange} /> <Select options={this.state.deedTypesOptions} placeholder={"Type d’acte"} onChange={this.onActTypeChange} />
>>>>>>> Stashed changes
<InputField <InputField
name="description" name="description"
fakeplaceholder="Note du dossier" fakeplaceholder="Note du dossier"
@ -132,14 +127,14 @@ export default class CreateFolder extends BasePage<IProps, IState> {
} }
public override async componentDidMount() { public override async componentDidMount() {
const deedTypes = await DeedTypes.getInstance().get({ q: {} }); // const deedTypes = await DeedTypes.getInstance().get({ q: {} });
// TODO SETUP userStore and get the user's office membership -> Replace IwJ70M471c by the user's office membership uid // TODO SETUP userStore and get the user's office membership -> Replace IwJ70M471c by the user's office membership uid
const collaborators = await Users.getInstance().get({ const collaborators = await Users.getInstance().get({
q: { where: { office_membership: { uid: "IwJ70M471c" } }, include: { contact: true } }, q: { where: { office_membership: { uid: "IwJ70M471c" } }, include: { contact: true } },
}); });
this.setState({ this.setState({
deedTypes, // deedTypes,
deedTypesOptions: this.mapDeedOptions(deedTypes), // deedTypesOptions: this.mapDeedOptions(deedTypes),
collaborators, collaborators,
collaboratorsOptions: this.mapUsersOptions(collaborators), collaboratorsOptions: this.mapUsersOptions(collaborators),
}); });

21
src/front/Components/Layouts/PageNotFound/classes.module.scss
View File

@ -2,17 +2,20 @@
@import "@Themes/animation.scss"; @import "@Themes/animation.scss";
.root { .root {
height: 100%;
width: 100%;
display: flex; display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
.buttons-container{ .content {
margin-top: 32px; margin: auto;
.text {
margin: 32px 0;
}
@media(max-width: $screen-s) {
text-align: center;
}
} }
@media(max-width: $screen-s){
margin-top: 32px;
}
} }

17
src/front/Components/Layouts/PageNotFound/index.tsx
View File

@ -1,25 +1,28 @@
import Button from "@Front/Components/DesignSystem/Button"; import Button from "@Front/Components/DesignSystem/Button";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import Module from "@Front/Config/Module"; import Module from "@Front/Config/Module";
import Link from "next/link"; import Link from "next/link";
import RightImage from "@Assets/images/create-folder/right-image.png";
import BasePage from "../Base"; import BasePage from "../Base";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
export default class PageNotFound extends BasePage { export default class PageNotFound extends BasePage {
public override render(): JSX.Element { public override render(): JSX.Element {
return ( return (
<DefaultTemplate title={"Project Not Found"}> <DefaultDoubleSidePage title={"Project Not Found"} image={RightImage} type="image" showHeader>
<div className={classes["root"]}> <div className={classes["root"]}>
<Typography typo={ITypo.H3}>Il n'y a rien ici, la page que vous avez demandée n'existe pas</Typography> <div className={classes["content"]}>
<div className={classes["buttons-container"]}> <Typography typo={ITypo.H1}>Erreur 404</Typography>
<Typography typo={ITypo.P_18} className={classes["text"]}>
La page que vous recherchez semble introuvable.
</Typography>
<Link href={Module.getInstance().get().modules.pages.Home.props.path}> <Link href={Module.getInstance().get().modules.pages.Home.props.path}>
<Button>Retourner à la page d'accueil</Button> <Button>Retour à l’accueil</Button>
</Link> </Link>
</div> </div>
</div> </div>
</DefaultTemplate> </DefaultDoubleSidePage>
); );
} }
} }