Docker/flame
Docker/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-08-02 01:15:17 +02:00
Code Issues Releases Wiki Activity

add not found component/route

Browse source
This commit is contained in:
François Darveau 2021-12-11 23:13:38 -05:00
parent 82f8e9c036
commit 6f97b9642f
3 changed files with 33 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

27
client/src/App.tsx
View file

@ -1,24 +1,24 @@
import { useEffect } from 'react';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import 'external-svg-loader';
// Redux
import { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import { bindActionCreators } from 'redux';
import { autoLogin, getConfig } from './store/action-creators';
import { actionCreators, store } from './store';
import { State } from './store/reducers';
// Utils
import { Apps } from './components/Apps/Apps';
import { Bookmarks } from './components/Bookmarks/Bookmarks';
import { Home } from './components/Home/Home';
import { NotificationCenter } from './components/NotificationCenter/NotificationCenter';
import { Settings } from './components/Settings/Settings';
import NotFound from './NotFound';
import { actionCreators, store } from './store';
import { autoLogin, getConfig } from './store/action-creators';
import { State } from './store/reducers';
import { checkVersion, decodeToken } from './utility';
// Redux
// Utils
// Routes
import { Home } from './components/Home/Home';
import { Apps } from './components/Apps/Apps';
import { Settings } from './components/Settings/Settings';
import { Bookmarks } from './components/Bookmarks/Bookmarks';
import { NotificationCenter } from './components/NotificationCenter/NotificationCenter';
// Get config
store.dispatch<any>(getConfig());
@ -80,6 +80,7 @@ export const App = (): JSX.Element => {
<Route path="/settings" component={Settings} />
<Route path="/applications" component={Apps} />
<Route path="/bookmarks" component={Bookmarks} />
<Route component={NotFound} />
</Switch>
</BrowserRouter>
<NotificationCenter />

6
client/src/NotFound.module.css Normal file
View file

@ -0,0 +1,6 @@
.Title {
color: var(--color-primary);
font-weight: 500;
font-size: 3em;
display: block;
}

13
client/src/NotFound.tsx Normal file
View file

@ -0,0 +1,13 @@
import { Link } from 'react-router-dom';
import { Container } from './components/UI';
import classes from './NotFound.module.css';
const NotFound = () => (
<Container>
<h1 className={classes.Title}>404 - Not Found!</h1>
<Link to="/">Return to homepage</Link>
</Container>
);
export default NotFound;