chrissewell/hetty
1
0
Fork 0
mirror of https://github.com/dstotijn/hetty.git synced 2025-07-01 18:47:29 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add Layout component, syntax highlighting and tidy up

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

19
admin/src/components/reqlog/HttpStatusCode.tsx Normal file
View File

@ -0,0 +1,19 @@
import { green, orange, red } from "@material-ui/core/colors";
import FiberManualRecordIcon from "@material-ui/icons/FiberManualRecord";
function HttpStatusIcon({ status }: { status: number }): JSX.Element {
const style = { marginTop: "-.25rem", verticalAlign: "middle" };
switch (Math.floor(status / 100)) {
case 2:
case 3:
return <FiberManualRecordIcon style={{ ...style, color: green[400] }} />;
case 4:
return <FiberManualRecordIcon style={{ ...style, color: orange[400] }} />;
case 5:
return <FiberManualRecordIcon style={{ ...style, color: red[400] }} />;
default:
return <FiberManualRecordIcon style={style} />;
}
}
export default HttpStatusIcon;