filter table based of url encoded query

This commit is contained in:
shams mosowi
2019-11-11 11:47:32 +11:00
parent e9d4376967
commit 7238bd8fee

View File

@@ -1,17 +1,29 @@
import React from "react";
import queryString from "query-string";
import Navigation from "../components/Navigation";
import Table from "../components/Table";
import { FireTableFilter } from "../hooks/useFiretable";
import useRouter from "../hooks/useRouter";
export default function TableView() {
const router = useRouter();
const tableCollection = router.location.pathname.split("/")[2];
let filters: FireTableFilter[] = [];
const parsed = queryString.parse(router.location.search);
if (typeof parsed.filters === "string") {
// encoded
//%5B%7B%20key:%20%22cohort%22,%20operator:%20%22==%22,%20value:%20%22SYD1%22%20%7D%5D
// decoded
//[{ key: "cohort", operator: "==", value: "AMS1" }]
console.log(parsed.filters);
filters = eval(parsed.filters);
}
return (
<Navigation>
<Table collection={tableCollection} filters={[]} />
<Table collection={tableCollection} filters={filters} />
</Navigation>
);
}