mirror of
https://github.com/tormachris/cf-workers-status-page.git
synced 2025-09-21 16:35:15 +02:00
f0b27a8446
The full list of locations was generated from the [Cloudflare Status Page](https://www.cloudflarestatus.com/): ```bash { echo 'export const locations = {'; curl -ks https://www.cloudflarestatus.com/ | grep -- '- (' | while read line; do code=$(awk -F '[()]' '{print $2}' <<< "$line"); city=$(awk -F '[,-]' '{print $1}' <<< "$line"); echo " $code: '${city//\'/’}',"; done | sort; echo '}'; } > src/functions/locations.js ```
36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
import config from '../../config.yaml'
|
|
import { locations } from '../functions/locations'
|
|
|
|
const classes = {
|
|
green:
|
|
'bg-green-200 text-green-700 dark:bg-green-700 dark:text-green-200 border-green-300 dark:border-green-600',
|
|
yellow:
|
|
'bg-yellow-200 text-yellow-700 dark:bg-yellow-700 dark:text-yellow-200 border-yellow-300 dark:border-yellow-600',
|
|
}
|
|
|
|
export default function MonitorStatusHeader({ kvMonitorsLastUpdate }) {
|
|
let color = 'green'
|
|
let text = config.settings.allmonitorsOperational
|
|
|
|
if (!kvMonitorsLastUpdate.allOperational) {
|
|
color = 'yellow'
|
|
text = config.settings.notAllmonitorsOperational
|
|
}
|
|
|
|
return (
|
|
<div className={`card mb-4 font-semibold ${classes[color]}`}>
|
|
<div className="flex flex-row justify-between items-center">
|
|
<div>{text}</div>
|
|
{kvMonitorsLastUpdate.time && typeof window !== 'undefined' && (
|
|
<div className="text-xs font-light">
|
|
checked{' '}
|
|
{Math.round((Date.now() - kvMonitorsLastUpdate.time) / 1000)} sec
|
|
ago (from{' '}
|
|
{locations[kvMonitorsLastUpdate.loc] || kvMonitorsLastUpdate.loc})
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|