🐛 404 Rework
This commit is contained in:
parent
e53118cfe3
commit
70e1e4a7a4
@ -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>
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
@ -1,21 +1,24 @@
|
|||||||
|
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>
|
||||||
|
<div className={classes["buttons-container"]}>
|
||||||
<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>Retourner à la page d'accueil</Button>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</DefaultTemplate>
|
</DefaultTemplate>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
"Home": {
|
"Home": {
|
||||||
"enabled": true,
|
"enabled": true,
|
||||||
"props": {
|
"props": {
|
||||||
"path": "/",
|
"path": "/folders",
|
||||||
"labelKey": "homepage"
|
"labelKey": "homepage"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
Loading…
x
Reference in New Issue
Block a user