Update frontend to fit backend

This commit is contained in:
Jon Staab
2026-03-26 10:24:34 -07:00
parent b796665e31
commit 5c06070913
13 changed files with 289 additions and 350 deletions
+5 -40
View File
@@ -1,6 +1,6 @@
import { useParams, A } from "@solidjs/router"
import { createResource, createSignal, For, Show } from "solid-js"
import { adminGetTenant, adminUpdateTenantStatus } from "../../lib/api"
import { createResource, For, Show } from "solid-js"
import { adminGetTenant } from "../../lib/api"
import BackLink from "../../components/BackLink"
import PageContainer from "../../components/PageContainer"
import ResourceState from "../../components/ResourceState"
@@ -9,25 +9,9 @@ import useMinLoading from "../../components/useMinLoading"
export default function AdminTenantDetail() {
const params = useParams()
const tenantId = () => params.id ?? ""
const [detail, { refetch }] = createResource(tenantId, adminGetTenant)
const [busy, setBusy] = createSignal(false)
const [error, setError] = createSignal("")
const [detail] = createResource(tenantId, adminGetTenant)
const loading = useMinLoading(() => detail.loading)
async function setStatus(status: string) {
if (busy()) return
setBusy(true)
setError("")
try {
await adminUpdateTenantStatus(tenantId(), status)
await refetch()
} catch (e) {
setError(e instanceof Error ? e.message : "Failed to update tenant")
} finally {
setBusy(false)
}
}
return (
<PageContainer>
<BackLink href="/admin/tenants" label="Tenants" />
@@ -49,24 +33,8 @@ export default function AdminTenantDetail() {
{(d) => (
<div class="space-y-3">
<p class="text-sm text-gray-700">
Current: <span class="font-medium uppercase tracking-wide">{d().tenant.status}</span>
Current: <span class="font-medium uppercase tracking-wide">tenant</span>
</p>
<div class="flex gap-2">
<button
class="py-2 px-4 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 disabled:opacity-50"
onClick={() => void setStatus("active")}
disabled={busy()}
>
Activate
</button>
<button
class="py-2 px-4 border border-red-300 text-red-600 rounded-lg hover:bg-red-50 disabled:opacity-50"
onClick={() => void setStatus("deactivated")}
disabled={busy()}
>
Deactivate
</button>
</div>
</div>
)}
</Show>
@@ -82,7 +50,7 @@ export default function AdminTenantDetail() {
<A href={`/admin/relays/${relay.id}`} class="block rounded-lg border border-gray-200 p-3 hover:border-gray-300">
<div class="flex items-center justify-between gap-2">
<div>
<p class="font-medium text-gray-900">{relay.name}</p>
<p class="font-medium text-gray-900">{relay.info_name || relay.subdomain}</p>
<p class="text-xs text-gray-500">{relay.subdomain}.spaces.coracle.social</p>
</div>
<span class="text-xs uppercase tracking-wide text-gray-500">{relay.status}</span>
@@ -94,9 +62,6 @@ export default function AdminTenantDetail() {
</ul>
</Show>
</section>
<Show when={error()}>
<p class="text-sm text-red-600">{error()}</p>
</Show>
</div>
</Show>
</PageContainer>