Created NotFound component

This commit is contained in:
Alejandro Celaya
2019-03-03 11:02:29 +01:00
parent 4f0ee79409
commit d23ddd0e0b
4 changed files with 57 additions and 5 deletions

View File

@@ -1,6 +1,7 @@
import React from 'react';
import { Route, Switch } from 'react-router-dom';
import './App.scss';
import NotFound from './common/NotFound';
const App = (MainHeader, Home, MenuLayout, CreateServer) => () => (
<div className="container-fluid app-container">
@@ -11,6 +12,7 @@ const App = (MainHeader, Home, MenuLayout, CreateServer) => () => (
<Route exact path="/server/create" component={CreateServer} />
<Route exact path="/" component={Home} />
<Route path="/server/:serverId" component={MenuLayout} />
<Route component={NotFound} />
</Switch>
</div>
</div>

15
src/common/NotFound.js Normal file
View File

@@ -0,0 +1,15 @@
import React from 'react';
import { Link } from 'react-router-dom';
const NotFound = () => (
<div className="home">
<h2>Oops! We could not find requested route.</h2>
<p>
Use your browser{'\''}s back button to navigate to the page you have previously come from, or just press this button.
</p>
<br />
<Link to="/" className="btn btn-outline-primary btn-lg">Home</Link>
</div>
);
export default NotFound;