diff --git a/ui/src/App.tsx b/ui/src/App.tsx index 50a7590..efde69c 100644 --- a/ui/src/App.tsx +++ b/ui/src/App.tsx @@ -34,6 +34,7 @@ import TasksView from "./views/TasksView"; import SettingsView from "./views/SettingsView"; import ServersView from "./views/ServersView"; import RedisInfoView from "./views/RedisInfoView"; +import PageNotFoundView from "./views/PageNotFoundView"; const drawerWidth = 220; @@ -273,9 +274,12 @@ function App(props: ConnectedProps) { - + + + + diff --git a/ui/src/views/PageNotFoundView.tsx b/ui/src/views/PageNotFoundView.tsx new file mode 100644 index 0000000..58ce97d --- /dev/null +++ b/ui/src/views/PageNotFoundView.tsx @@ -0,0 +1,37 @@ +import React from "react"; +import Container from "@material-ui/core/Container"; +import { makeStyles } from "@material-ui/core/styles"; +import Grid from "@material-ui/core/Grid"; +import Typography from "@material-ui/core/Typography"; + +const useStyles = makeStyles((theme) => ({ + container: { + paddingTop: theme.spacing(4), + paddingBottom: theme.spacing(4), + }, + headingText: { + fontWeight: "bold", + }, +})); + +export default function PageNotFoundView() { + const classes = useStyles(); + return ( + + + + + Oops! + + + 404 - Page Not Found + + + + + ); +} diff --git a/ui/src/views/RedisInfoView.tsx b/ui/src/views/RedisInfoView.tsx index 3113adb..18cff4e 100644 --- a/ui/src/views/RedisInfoView.tsx +++ b/ui/src/views/RedisInfoView.tsx @@ -18,12 +18,6 @@ const useStyles = makeStyles((theme) => ({ paddingTop: theme.spacing(4), paddingBottom: theme.spacing(4), }, - paper: { - padding: theme.spacing(2), - display: "flex", - overflow: "auto", - flexDirection: "column", - }, })); function mapStateToProps(state: AppState) {