feat(views): Enhanced view for 404 error

package-lock.json

@@ -5489,9 +5489,12 @@
       }
     },
     "eslint-utils": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.3.1.tgz",
-      "integrity": "sha512-Z7YjnIldX+2XMcjr7ZkgEsOj/bREONV60qYeB/bjMAqqqZ4zxKyWX+BOUkdmRmA9riiIPVvo5x86m5elviOk0Q=="
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.2.tgz",
+      "integrity": "sha512-eAZS2sEUMlIeCjBeubdj45dmBHQwPHWyBcT1VSYB7o9x9WRRqKxyUoiXlRjyAwzN7YEzHJlYg0NmzDRWx6GP4Q==",
+      "requires": {
+        "eslint-visitor-keys": "^1.0.0"
+      }
     },
     "eslint-visitor-keys": {
       "version": "1.0.0",

src/components/views/UnknownView.js

@@ -1,4 +1,8 @@
 import React, {Component} from "react";
+import {Button, Col, Container,  Row} from "reactstrap";
+import logoLine from "../../logos/logo-line-white.svg";
+import {Link} from 'react-router-dom';
+
 
 class UnknownView extends Component {
 
@@ -10,9 +14,19 @@ class UnknownView extends Component {
 
     render(){
         return(
-            <div >
-                <h1>View : NOT FOUND !</h1>
-            </div>
+            <Container>
+                    <Row>
+                        <Link  to="/" className="d-block ml-auto mr-auto mb-4"><img src={logoLine} alt="logo" height="128" /></Link>
+                    </Row>
+                    <Row className="mt-4">
+                        <Col className="text-center"><h2>Oups ! Cette page n'existe pas</h2></Col>
+                    </Row>
+                    <Row className="mt-4" >
+                        <Col className="text-center">
+                            <Button to="/" className="btn btn-primary">Revenir à l'accueil</Button>
+                        </Col>
+                    </Row>
+            </Container>
         )
     }
 }