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

🐛 404 Rework

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-26 11:33:46 +02:00
parent e53118cfe3
commit 70e1e4a7a4
4 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/front/Components/DesignSystem/Header/index.tsx
View File

@ -50,7 +50,7 @@ export default class Header extends React.Component<IProps, IState> {
return ( return (
<div className={classes["root"]} data-open={this.state.open}> <div className={classes["root"]} data-open={this.state.open}>
<div className={classes["logo-container"]}> <div className={classes["logo-container"]}>
<Link href={Module.getInstance().get().modules.pages.Folder.props.path}> <Link href={Module.getInstance().get().modules.pages.Home.props.path}>
<Image src={LogoIcon} alt="logo" className={classes["logo"]} /> <Image src={LogoIcon} alt="logo" className={classes["logo"]} />
</Link> </Link>
</div> </div>

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

@ -6,4 +6,13 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
text-align: center;
.buttons-container{
margin-top: 32px;
}
@media(max-width: $screen-s){
margin-top: 32px;
}
} }

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

@ -1,20 +1,23 @@
import Button from "@Front/Components/DesignSystem/Button";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import Module from "@Front/Config/Module";
import Link from "next/link"; import Link from "next/link";
import BasePage from "../Base"; import BasePage from "../Base";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import Button from "@Front/Components/DesignSystem/Button";
import Module from "@Front/Config/Module";
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"}> <DefaultTemplate title={"Project Not Found"}>
<div className={classes["root"]}> <div className={classes["root"]}>
<Typography typo={ITypo.H3}>Il n'y a rien ici, la page que vous avez demandé n'existe pas</Typography> <Typography typo={ITypo.H3}>Il n'y a rien ici, la page que vous avez demandée n'existe pas</Typography>
<Link href={Module.getInstance().get().modules.pages.Home.props.path}> <div className={classes["buttons-container"]}>
<Button>Retourner à la page d'accueil</Button> <Link href={Module.getInstance().get().modules.pages.Home.props.path}>
</Link> <Button>Retourner à la page d'accueil</Button>
</Link>
</div>
</div> </div>
</DefaultTemplate> </DefaultTemplate>
); );

2
src/front/Config/Module/development.json
View File

@ -6,7 +6,7 @@
"Home": { "Home": {
"enabled": true, "enabled": true,
"props": { "props": {
"path": "/", "path": "/folders",
"labelKey": "homepage" "labelKey": "homepage"
} }
}, },