cf-workers-status-page/src/components/monitorStatusLabel.js

26 lines
743 B
JavaScript

import config from '../../config.yaml'
const classes = {
gray: 'bg-gray-200 text-gray-800 dark:bg-gray-800 dark:text-gray-200',
green: 'bg-green-200 text-green-800 dark:bg-green-800 dark:text-green-200',
yellow:
'bg-yellow-200 text-yellow-800 dark:bg-yellow-800 dark:text-yellow-200',
}
export default function MonitorStatusLabel({ kvMonitor }) {
let color = 'gray'
let text = 'No data'
if (typeof kvMonitor !== 'undefined') {
if (kvMonitor.lastCheck.operational) {
color = 'green'
text = config.settings.monitorLabelOperational
} else {
color = 'yellow'
text = config.settings.monitorLabelNotOperational
}
}
return <div className={`pill leading-5 ${classes[color]}`}>{text}</div>
}