80 lines
3.0 KiB
TypeScript
80 lines
3.0 KiB
TypeScript
// SPDX-License-Identifier: LicenseRef-ConusAI-Template-1.0
|
|
// The workspaces of the organization, and a form to create one (spec §3.1). A workspace is where
|
|
// projects live and where a restricted group of people works apart from the rest of the
|
|
// organization; creating one is for administrators (`tenancy.workspace.manage`), so the form is shown
|
|
// to them and the kernel refuses everybody else regardless.
|
|
|
|
import { workspaceList } from "@conusai-kit/tenancy"
|
|
import type { ReactElement } from "react"
|
|
import { orFallback } from "../../../src/server/guard"
|
|
import { holdsAtLeast, pageContext } from "../../../src/server/page"
|
|
import { ProcedureForm } from "../../../src/ui/procedure-form"
|
|
|
|
export const dynamic = "force-dynamic"
|
|
|
|
export default async function Workspaces({ params }: { params: Promise<{ org: string }> }): Promise<ReactElement> {
|
|
const { org } = await params
|
|
const page = await pageContext()
|
|
const { caller, i18n, path } = page
|
|
const { workspaces } = await orFallback(path, () => caller.call(workspaceList, { org }))
|
|
const mayCreate = await holdsAtLeast(page, org, "admin")
|
|
|
|
return (
|
|
<>
|
|
<h1>{i18n.message("workspace.list")}</h1>
|
|
{workspaces.length === 0 ? (
|
|
<p>{i18n.message("workspace.none")}</p>
|
|
) : (
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">{i18n.message("app.name")}</th>
|
|
<th scope="col">{i18n.message("workspace.visibility")}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{workspaces.map((workspace) => (
|
|
<tr key={workspace.slug}>
|
|
<td>
|
|
<a href={`/${org}/${workspace.slug}`}>{workspace.name}</a>
|
|
{workspace.isDefault ? ` (${i18n.message("workspace.default")})` : ""}
|
|
</td>
|
|
<td>
|
|
{workspace.visibility === "org"
|
|
? i18n.message("workspace.visibilityOrg")
|
|
: i18n.message("workspace.visibilityRestricted")}
|
|
</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
)}
|
|
|
|
{mayCreate ? (
|
|
<>
|
|
<h2>{i18n.message("workspace.create")}</h2>
|
|
<ProcedureForm
|
|
procedure="tenancy.workspace.create"
|
|
hidden={{ org }}
|
|
submitLabel={i18n.message("app.create")}
|
|
failedTemplate={i18n.message("app.failed")}
|
|
fields={[
|
|
{ name: "name", label: i18n.message("app.name"), required: true },
|
|
{ name: "slug", label: i18n.message("app.slug"), required: true },
|
|
{
|
|
name: "visibility",
|
|
label: i18n.message("workspace.visibility"),
|
|
required: true,
|
|
options: [
|
|
{ value: "org", label: i18n.message("workspace.visibilityOrg") },
|
|
{ value: "restricted", label: i18n.message("workspace.visibilityRestricted") },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</>
|
|
) : null}
|
|
</>
|
|
)
|
|
}
|