Grasscutters/mitmproxy
3
0
Fork 0
mirror of https://github.com/Grasscutters/mitmproxy.git synced 2024-11-26 02:10:59 +00:00
Code Issues Projects Releases Wiki Activity

#3312 Change colors according to HTTP status code

Browse Source
This commit is contained in:
Arun Swaminathan 2018-10-15 22:43:22 -04:00
parent 57868ef5fa
commit 028dd78291
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/js/components/FlowTable/FlowColumns.jsx
View File

@ -90,8 +90,26 @@ MethodColumn.headerClass = 'col-method'
MethodColumn.headerName = 'Method' MethodColumn.headerName = 'Method'
export function StatusColumn({ flow }) { export function StatusColumn({ flow }) {
let color = 'darkred';
if (100 <= flow.response.status_code && flow.response.status_code < 200) {
color = 'green'
}
else if (200 <= flow.response.status_code && flow.response.status_code < 300) {
color = 'darkgreen'
}
else if (300 <= flow.response.status_code && flow.response.status_code < 400) {
color = 'lightblue'
}
else if (400 <= flow.response.status_code && flow.response.status_code < 500) {
color = 'lightred'
}
else if (500 <= flow.response.status_code && flow.response.status_code < 600) {
color = 'lightred'
}
return ( return (
<td className="col-status">{flow.response && flow.response.status_code}</td> <td className="col-status" style={{color: color}}>{flow.response && flow.response.status_code}</td>
) )
} }