tormakris/cf-workers-status-page
1
0
Fork 0
mirror of https://github.com/tormachris/cf-workers-status-page.git synced 2025-08-03 19:25:15 +02:00
Code Releases Activity

feat: collect avg response time by default

Browse Source
This commit is contained in:
Adam Janiš
2021-01-19 00:18:32 +01:00
parent 1439b67c30
commit 6d08f47d1d
6 changed files with 66 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/monitorCard.js
View File

@ -30,7 +30,9 @@ export default function MonitorCard({ key, monitor, data }) {
</div>
</div>
)}
<a href={monitor.url} target="_blank"><div className="text-xl">{monitor.name}</div></a>
<a href={monitor.url} target="_blank">
<div className="text-xl">{monitor.name}</div>
</a>
</div>
<MonitorStatusLabel kvMonitor={data} />
</div>

17
src/components/monitorDayAverage.js Normal file
View File

@ -0,0 +1,17 @@
const locations = {
WAW: 'Warsaw',
SCL: 'Santiago de Chile',
MEL: 'Melbourne',
SIN: 'Singapore',
}
export default function MonitorDayAverage({ location, avg }) {
return (
<>
<br />
<small>
{locations[location] || location}: {avg}ms
</small>
</>
)
}

10
src/components/monitorHistogram.js
View File

@ -1,4 +1,6 @@
import React from 'react'
import config from '../../config.yaml'
import MonitorDayAverage from './monitorDayAverage'
export default function MonitorHistogram({ monitorId, kvMonitor }) {
// create date and set date - daysInHistogram for the first day of the histogram
@ -43,10 +45,10 @@ export default function MonitorHistogram({ monitorId, kvMonitor }) {
kvMonitor.checks.hasOwnProperty(dayInHistogram) &&
Object.keys(kvMonitor.checks[dayInHistogram].res).map((key) => {
return (
<>
<br />
{key}: {kvMonitor.checks[dayInHistogram].res[key].a}ms
</>
<MonitorDayAverage
location={key}
avg={kvMonitor.checks[dayInHistogram].res[key].a}
/>
)
})}
</div>