robbond/pleskSaas
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(ui): polish domains list subscription/status display

Browse Source
This commit is contained in:
robbond
2026-03-05 17:06:29 +00:00
parent b72176b276
commit 710227a49a
2 changed files with 67 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
components/dashboard/dashboard-controls.tsx
View File

@@ -32,6 +32,7 @@ type Domain = {
id: string;
plesk_instance_id: string;
subscription_id: string | null;
subscription_name?: string | null;
domain_name: string;
status: string | null;
hosting_type: string | null;
@@ -72,6 +73,23 @@ function getDomainStatusBadge(status: string | null) {
return "bg-slate-100 text-slate-600";
}
function formatDomainStatusLabel(status: string | null) {
const normalized = (status ?? "unknown").toLowerCase();
if (normalized.includes("suspend")) return "Suspended";
if (normalized.includes("disabled")) return "Disabled";
if (normalized.includes("expired")) return "Expired";
if (
normalized.includes("active") ||
normalized.includes("ok") ||
normalized.includes("enabled")
) {
return "Active";
}
return "Unknown";
}
function isDomainSuspended(status: string | null) {
const normalized = (status ?? "unknown").toLowerCase();
return normalized.includes("suspend") || normalized.includes("disabled");
@@ -618,16 +636,26 @@ export function DashboardControls({
{domain.domain_name}
</a>
{domain.subscription_id ? (
<p className="text-xs font-normal text-slate-500">
Subscription: {domain.subscription_id}
<p
className="text-xs font-normal text-slate-500"
title={`Subscription UUID: ${domain.subscription_id}`}
>
Subscription: {domain.subscription_name ?? "Linked"}
</p>
) : null}
) : (
<p
className="text-xs font-normal text-amber-700"
title="Run sync to link this domain to a subscription"
>
Subscription: Unlinked
</p>
)}
</td>
<td className="px-2 py-2">
<span
className={`inline-flex rounded px-2 py-0.5 text-xs font-medium ${getDomainStatusBadge(domain.status)}`}
>
{domain.status ?? "unknown"}
{formatDomainStatusLabel(domain.status)}
</span>
</td>
<td className="px-2 py-2">
@@ -645,7 +673,14 @@ export function DashboardControls({
<button
onClick={() => onDomainAction(domain, "suspend")}
disabled={
loading || isDomainSuspended(domain.status)
loading ||
!domain.subscription_id ||
isDomainSuspended(domain.status)
}
title={
!domain.subscription_id
? "Not linked to a subscription yet — run sync"
: undefined
}
className="rounded border border-rose-300 px-2 py-1 text-xs text-rose-700 disabled:cursor-not-allowed disabled:opacity-60"
>
@@ -653,7 +688,16 @@ export function DashboardControls({
</button>
<button
onClick={() => onDomainAction(domain, "unsuspend")}
disabled={loading || isDomainActive(domain.status)}
disabled={
loading ||
!domain.subscription_id ||
isDomainActive(domain.status)
}
title={
!domain.subscription_id
? "Not linked to a subscription yet — run sync"
: undefined
}
className="rounded border border-emerald-300 px-2 py-1 text-xs text-emerald-700 disabled:cursor-not-allowed disabled:opacity-60"
>
Unsuspend