|
|
@ -25,7 +25,7 @@ export default function Ping({ service }) {
|
|
|
|
|
|
|
|
|
|
|
|
const statusText = `${service.ping}: HTTP status ${data.status}`;
|
|
|
|
const statusText = `${service.ping}: HTTP status ${data.status}`;
|
|
|
|
|
|
|
|
|
|
|
|
if (data && data.status !== 200) {
|
|
|
|
if (data.status > 403) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className="w-auto px-1.5 py-0.5 text-center bg-theme-500/10 dark:bg-theme-900/50 rounded-b-[3px] overflow-hidden" title={statusText}>
|
|
|
|
<div className="w-auto px-1.5 py-0.5 text-center bg-theme-500/10 dark:bg-theme-900/50 rounded-b-[3px] overflow-hidden" title={statusText}>
|
|
|
|
<div className="text-[8px] font-bold text-rose-500/80">{data.status}</div>
|
|
|
|
<div className="text-[8px] font-bold text-rose-500/80">{data.status}</div>
|
|
|
@ -33,12 +33,10 @@ export default function Ping({ service }) {
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (data && data.status === 200) {
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className="w-auto px-1.5 py-0.5 text-center bg-theme-500/10 dark:bg-theme-900/50 rounded-b-[3px] overflow-hidden" title={statusText}>
|
|
|
|
<div className="w-auto px-1.5 py-0.5 text-center bg-theme-500/10 dark:bg-theme-900/50 rounded-b-[3px] overflow-hidden" title={statusText}>
|
|
|
|
<div className="text-[8px] font-bold text-emerald-500/80">{t("common.ms", { value: data.latency, style: "unit", unit: "millisecond", unitDisplay: "narrow", maximumFractionDigits: 0 })}</div>
|
|
|
|
<div className="text-[8px] font-bold text-emerald-500/80">{t("common.ms", { value: data.latency, style: "unit", unit: "millisecond", unitDisplay: "narrow", maximumFractionDigits: 0 })}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|