updated

Signed-off-by: Avior <florian.bouillon@delta-wings.net>
2025-07-25 14:19:52 +00:00 · 2020-01-04 17:35:30 +01:00
parent e5fb01eea8
commit a0f1799114
51 changed files with 879 additions and 261 deletions
--- a/pages/_error.tsx
+++ b/pages/_error.tsx
@ -0,0 +1,58 @@
+import React, { Component } from 'react'
+import { NextPageContext } from 'next'
+import Head from 'next/head'
+import Layout from '../components/Layout'
+
+interface Props {
+	statusCode: number
+}
+
+const codesTexts = {
+	404: "Page non trouvé !",
+	500: "Le serveur n'a pas pu répondre a ta demande :O"
+}
+
+export default class Error extends Component<Props, {}> {
+	public render = () => {
+		const statusCode = this.props.statusCode
+		return (
+			<main>
+				<Head>
+					<title>Pouet :D</title>
+				</Head>
+				<div className="errorContainer">
+					<h1>{statusCode ? statusCode : "404"}</h1>
+					<h2>{statusCode ? codesTexts[statusCode] : codesTexts[404]}</h2>
+				</div>
+				<style jsx>{`
+					.errorContainer {
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						flex-direction: column;
+						height: 100%
+					}
+
+					.separator {
+						border: 1px solid black
+					}
+
+					h1 {
+						font-size: 250px;
+						margin: 10px;
+						color: transparent;
+						background: linear-gradient(90deg, #45CAFC 0%, #4285F4 92.19%);
+						background-clip: text;
+						-webkit-background-clip: text;
+					}
+
+				`}</style>
+			</main>
+		)
+	}
+
+	getInitialProps = ({ res, err }: NextPageContext) => {
+		const statusCode = res ? res.statusCode : err ? err.statusCode : 404
+		return { statusCode }
+	  }
+}