Add TaskDetails view

This commit is contained in:
Ken Hibino
2021-07-12 06:32:59 -07:00
parent d63e4a3229
commit 98ee4fbccd
4 changed files with 62 additions and 5 deletions

View File

@@ -9,6 +9,7 @@ import QueueBreadCrumb from "../components/QueueBreadcrumb";
import { useParams, useLocation } from "react-router-dom";
import { listQueuesAsync } from "../actions/queuesActions";
import { AppState } from "../store";
import { QueueDetailsRouteParams } from "../paths";
function mapStateToProps(state: AppState) {
return {
@@ -37,16 +38,12 @@ function useQuery(): URLSearchParams {
return new URLSearchParams(useLocation().search);
}
interface RouteParams {
qname: string;
}
const validStatus = ["active", "pending", "scheduled", "retry", "archived"];
const defaultStatus = "active";
function TasksView(props: ConnectedProps<typeof connector>) {
const classes = useStyles();
const { qname } = useParams<RouteParams>();
const { qname } = useParams<QueueDetailsRouteParams>();
const query = useQuery();
let selected = query.get("status");
if (!selected || !validStatus.includes(selected)) {