diff --git a/ui/src/App.tsx b/ui/src/App.tsx index 78cd30f..50a7590 100644 --- a/ui/src/App.tsx +++ b/ui/src/App.tsx @@ -22,6 +22,7 @@ import LayersIcon from "@material-ui/icons/Layers"; import SettingsIcon from "@material-ui/icons/Settings"; import ScheduleIcon from "@material-ui/icons/Schedule"; import FeedbackIcon from "@material-ui/icons/Feedback"; +import DoubleArrowIcon from "@material-ui/icons/DoubleArrow"; import CloseIcon from "@material-ui/icons/Close"; import { AppState } from "./store"; import { paths } from "./paths"; @@ -32,6 +33,7 @@ import DashboardView from "./views/DashboardView"; import TasksView from "./views/TasksView"; import SettingsView from "./views/SettingsView"; import ServersView from "./views/ServersView"; +import RedisInfoView from "./views/RedisInfoView"; const drawerWidth = 220; @@ -218,13 +220,18 @@ function App(props: ConnectedProps) { } + icon={} /> } /> + } + /> @@ -260,6 +267,9 @@ function App(props: ConnectedProps) { + + + diff --git a/ui/src/paths.ts b/ui/src/paths.ts index 9a69061..cf99c65 100644 --- a/ui/src/paths.ts +++ b/ui/src/paths.ts @@ -4,6 +4,7 @@ export const paths = { SERVERS: "/servers", SCHEDULERS: "/schedulers", QUEUE_DETAILS: "/queues/:qname", + REDIS: "/redis", }; export function queueDetailsPath(qname: string, taskStatus?: string): string { diff --git a/ui/src/views/RedisInfoView.tsx b/ui/src/views/RedisInfoView.tsx new file mode 100644 index 0000000..0d68671 --- /dev/null +++ b/ui/src/views/RedisInfoView.tsx @@ -0,0 +1,34 @@ +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), + }, + paper: { + padding: theme.spacing(2), + display: "flex", + overflow: "auto", + flexDirection: "column", + }, +})); + +function RedisInfoView() { + const classes = useStyles(); + + return ( + + + + Redis Info + + + + ); +} + +export default RedisInfoView; diff --git a/ui/src/views/SettingsView.tsx b/ui/src/views/SettingsView.tsx index 02a28c8..cafb8d6 100644 --- a/ui/src/views/SettingsView.tsx +++ b/ui/src/views/SettingsView.tsx @@ -4,7 +4,7 @@ import Container from "@material-ui/core/Container"; import { makeStyles } from "@material-ui/core/styles"; import Grid from "@material-ui/core/Grid"; import Paper from "@material-ui/core/Paper"; -import { Typography } from "@material-ui/core"; +import Typography from "@material-ui/core/Typography"; import Slider from "@material-ui/core/Slider/Slider"; import { pollIntervalChange } from "../actions/settingsActions"; import { AppState } from "../store";