mirror of
https://github.com/Dvorinka/Dash.git
synced 2026-10-29 00:01:24 +00:00
Tomas DvorakandDevin
e0ef60eca6
P5a: 24h uptime bar strip + latency chart on monitor detail, iframe
embed widget, generic JSON-path widget, accent/wallpaper/custom CSS
settings, PWA manifest + service worker, demo GIF.
P5b: transport picker + per-transport fields + test button in
settings; per-monitor alert-rule fields in dialogs.
P5c: container cpu/mem columns, SMART/ZFS/GPU sections on system
detail, subdomains section on domain detail.
P5d: login/setup page + auth middleware client handling, board
switcher + /b/:slug routes, full string extraction to typed t() keys
with {param} interpolation, complete cs locale, language select.
Authored By: TDvorak <[email protected]>
Generated with [Devin](https://devin.ai)
Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import type { WidgetData } from "@/widgets";
|
|
import type { Item } from "@/types";
|
|
import { cn } from "@/lib/utils";
|
|
import { t } from "@/i18n";
|
|
|
|
// Board tile for an uptime monitor: status dot, uptime %, avg ping.
|
|
// config.monitorId binds it; data comes from the monitor fetcher.
|
|
export function MonitorWidget({ item, data, error }: {
|
|
item: Item;
|
|
data: WidgetData | undefined;
|
|
error: string | undefined;
|
|
}) {
|
|
const status = typeof data?.status === "string" ? data.status : undefined;
|
|
const uptime = typeof data?.uptime24 === "number" ? data.uptime24 : undefined;
|
|
const ping = typeof data?.ping === "number" ? data.ping : undefined;
|
|
const monId = typeof item.config?.monitorId === "string" ? item.config.monitorId : "";
|
|
|
|
return (
|
|
<a
|
|
href={monId ? `/monitors/${monId}` : "/monitors"}
|
|
className="flex w-full items-center gap-2.5 text-left"
|
|
onClick={(e) => e.stopPropagation()}
|
|
>
|
|
<span
|
|
className={cn(
|
|
"size-1.5 shrink-0 rounded-full",
|
|
error ? "bg-down" : status === "up" ? "bg-up" : status === "down" ? "bg-down" : "bg-text-faint/40",
|
|
)}
|
|
/>
|
|
<span className="min-w-0 flex-1 truncate text-[12.5px] font-medium">
|
|
{typeof data?.name === "string" ? data.name : item.name}
|
|
</span>
|
|
<span className="shrink-0 font-mono text-[10.5px] text-text-faint">
|
|
{error ? t("widget.err") : uptime !== undefined ? `${uptime.toFixed(1)}%` : "…"}
|
|
{ping ? ` · ${Math.round(ping)}ms` : ""}
|
|
</span>
|
|
</a>
|
|
);
|
|
}
|