93 lines
3.4 KiB
TypeScript
93 lines
3.4 KiB
TypeScript
// SPDX-License-Identifier: LicenseRef-ConusAI-Template-1.0
|
|
// A workspace: its projects, and a form to create another (spec §3.1). The projects are listed
|
|
// through `tenancy.project.list`, which reads them inside the workspace's own scope -- a workspace of
|
|
// another organization, or one the person has no place in, is the not-found page.
|
|
|
|
import { projectList, workspaceList } from "@conusai-kit/tenancy"
|
|
import type { ReactElement } from "react"
|
|
import { orFallback } from "../../../src/server/guard"
|
|
import { holdsAtLeast, pageContext } from "../../../src/server/page"
|
|
import { Breadcrumb } from "../../../src/ui/breadcrumb"
|
|
import { ProcedureForm } from "../../../src/ui/procedure-form"
|
|
import { PROJECT_MODULE_KEYS, projectHref } from "../../../src/ui/projects"
|
|
|
|
export const dynamic = "force-dynamic"
|
|
|
|
export default async function WorkspaceHome({
|
|
params,
|
|
}: {
|
|
params: Promise<{ org: string; workspace: string }>
|
|
}): Promise<ReactElement> {
|
|
const { org, workspace } = await params
|
|
const page = await pageContext()
|
|
const { caller, i18n, path } = page
|
|
const { name, projects } = await orFallback(path, async () => {
|
|
const [{ projects }, { workspaces }] = await Promise.all([
|
|
caller.call(projectList, { org, workspace }),
|
|
caller.call(workspaceList, { org }),
|
|
])
|
|
// `projectList` answers for the workspace's scope; the name is the list's own, so the page does
|
|
// not need a procedure of its own to say it.
|
|
return { projects, name: workspaces.find((entry) => entry.slug === workspace)?.name ?? workspace }
|
|
})
|
|
const mayCreate = await holdsAtLeast(page, org, "editor")
|
|
|
|
return (
|
|
<>
|
|
<Breadcrumb
|
|
label={i18n.message("shell.breadcrumb")}
|
|
crumbs={[
|
|
{ text: i18n.message("app.workspaces"), href: `/${org}/workspaces` },
|
|
{ text: name, href: `/${org}/${workspace}` },
|
|
]}
|
|
/>
|
|
<h1>{i18n.message("workspace.title", { name })}</h1>
|
|
<h2>{i18n.message("workspace.projects")}</h2>
|
|
{projects.length === 0 ? (
|
|
<p>{i18n.message("workspace.noProjects")}</p>
|
|
) : (
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">{i18n.message("app.name")}</th>
|
|
<th scope="col">{i18n.message("workspace.module")}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{projects.map((project) => (
|
|
<tr key={project.slug}>
|
|
<td>
|
|
<a href={projectHref(org, workspace, project.slug)}>{project.name}</a>
|
|
</td>
|
|
<td>{project.moduleKey}</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
)}
|
|
|
|
{mayCreate ? (
|
|
<>
|
|
<h2>{i18n.message("workspace.createProject")}</h2>
|
|
<ProcedureForm
|
|
procedure="tenancy.project.create"
|
|
hidden={{ org, workspace }}
|
|
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: "moduleKey",
|
|
label: i18n.message("workspace.module"),
|
|
required: true,
|
|
options: PROJECT_MODULE_KEYS.map((key) => ({ value: key, label: key })),
|
|
},
|
|
]}
|
|
/>
|
|
</>
|
|
) : null}
|
|
</>
|
|
)
|
|
}
|