Paul Payne
20bf78caf1
API: /config/{services,jobs,tools,static}/{name} now pin the twin they
target — _save_deployment/_delete_deployment take an explicit kind so a
patch to a 'backup' service can't bleed into a 'backup' job/tool. Add
/tools and /static endpoints; keep /deployments/{name} kind-agnostic.
New test_kind_twins proves per-kind save/delete isolation on disk.
UI: ConfigPanel and CreateDeploymentForm write to the kind-scoped
resource; GatewayPanel/NodeDetail/DeploymentsSection link via a shared
detailPath(name, kind) helper instead of the ambiguous /deployment/:name.
Includes incidental ruff-format reflow of untouched api files.
70 lines
2.5 KiB
TypeScript
70 lines
2.5 KiB
TypeScript
import { useState } from "react"
|
|
import { useSystemdUnit } from "@/services/api/hooks"
|
|
import type { SystemdInfo } from "@/types"
|
|
|
|
interface SystemdPanelProps {
|
|
name: string
|
|
systemd: SystemdInfo
|
|
}
|
|
|
|
export function SystemdPanel({ name, systemd }: SystemdPanelProps) {
|
|
const [showUnit, setShowUnit] = useState(false)
|
|
const { data: unitData } = useSystemdUnit(name, showUnit)
|
|
|
|
return (
|
|
<div className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-5 mb-6">
|
|
<div className="flex items-center justify-between mb-1">
|
|
<h2 className="text-sm font-semibold text-[var(--muted)] uppercase tracking-wider">
|
|
Systemd
|
|
</h2>
|
|
<button
|
|
onClick={() => setShowUnit((v) => !v)}
|
|
className="text-xs text-[var(--primary)] hover:underline"
|
|
>
|
|
{showUnit ? "Hide unit file" : "View unit file"}
|
|
</button>
|
|
</div>
|
|
<div className="grid grid-cols-2 gap-x-6 gap-y-2 text-sm mt-3">
|
|
<span className="text-[var(--muted)]">Unit</span>
|
|
<span className="font-mono break-all">{systemd.unit_name}</span>
|
|
{systemd.timer && (
|
|
<>
|
|
<span className="text-[var(--muted)]">Timer unit</span>
|
|
<span className="font-mono break-all">
|
|
{systemd.unit_name.replace(".service", ".timer")}
|
|
</span>
|
|
</>
|
|
)}
|
|
<span className="text-[var(--muted)]">Path</span>
|
|
<span className="font-mono break-all">{systemd.unit_path}</span>
|
|
{systemd.timer && (
|
|
<>
|
|
<span className="text-[var(--muted)]">Timer</span>
|
|
<span>Active</span>
|
|
</>
|
|
)}
|
|
</div>
|
|
{showUnit && unitData && (
|
|
<div className="mt-4 space-y-3">
|
|
<div>
|
|
<span className="text-xs text-[var(--muted)] block mb-1">{systemd.unit_name}</span>
|
|
<pre className="text-sm whitespace-pre-wrap bg-[var(--background)] rounded p-3 border border-[var(--border)] font-mono overflow-x-auto">
|
|
{unitData.service}
|
|
</pre>
|
|
</div>
|
|
{unitData.timer && (
|
|
<div>
|
|
<span className="text-xs text-[var(--muted)] block mb-1">
|
|
{systemd.unit_name.replace(".service", ".timer")}
|
|
</span>
|
|
<pre className="text-sm whitespace-pre-wrap bg-[var(--background)] rounded p-3 border border-[var(--border)] font-mono overflow-x-auto">
|
|
{unitData.timer}
|
|
</pre>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|