mirror of
https://github.com/dstotijn/hetty.git
synced 2025-07-01 18:47:29 -04:00
Add Layout
component, syntax highlighting and tidy up
This commit is contained in:
@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user