Add Layout component, syntax highlighting and tidy up

This commit is contained in:
David Stotijn
2020-09-21 21:46:44 +02:00
parent 21c78cdc23
commit fe1ddabda3
8 changed files with 338 additions and 45 deletions

View File

@ -3,19 +3,14 @@ import { Box } from "@material-ui/core";
import RequestList from "../../components/reqlog/RequestList";
import LogDetail from "../../components/reqlog/LogDetail";
import LogsOverview from "../../components/reqlog/LogsOverview";
import Layout from "../../components/Layout";
function Logs(): JSX.Element {
const [detailReqLogId, setDetailReqLogId] = useState<string>();
const handleLogClick = (reqId: string) => setDetailReqLogId(reqId);
return (
<div>
<Box minHeight="375px" maxHeight="33vh" overflow="scroll">
<RequestList onLogClick={handleLogClick} />
</Box>
<Box>{detailReqLogId && <LogDetail requestId={detailReqLogId} />}</Box>
</div>
<Layout>
<LogsOverview />
</Layout>
);
}