app/routes/workspace.runs.tsx

Functions

Imports

It imports app/components/lab/lab-ui.tsx, app/components/lab/run-form.tsx, app/lab/actor.server.ts, app/lab/runs.server.ts, app/lab/titles.mjs, app/lib/context.ts. No module of this repo imports it.

Source

1import { Link, data, redirect } from "react-router";
2import { can } from "@dustinedwards/site-runtime/members";
3import { Panel } from "capsomer/react/panel";
4
5import { PageHead } from "capsomer/react/page-head";
6import { LabTable, Result } from "~/components/lab/lab-ui";
7import { RunForm } from "~/components/lab/run-form";
8import { labActorContext } from "~/lab/actor.server";
9import { recordRun, runsPage } from "~/lab/runs.server";
10import { PERMISSION } from "~/lab/titles.mjs";
11import { getEnv } from "~/lib/context";
12import type { Route } from "./+types/workspace.runs";
13
14export function meta() {
15  return [{ title: "Runs · Lab" }, { name: "robots", content: "noindex" }];
16}
17
18const PRIVATE = { "cache-control": "private, no-store" };
19
20function requireRecorder(actor: Parameters<typeof can>[0]) {
21  if (!can(actor, PERMISSION.recordRun)) throw data("Not found.", { status: 404, headers: PRIVATE });
22}
23
24export async function loader({ context }: Route.LoaderArgs) {
25  const actor = context.get(labActorContext);
26  requireRecorder(actor);
27  return data(await runsPage(getEnv(context), actor), { headers: PRIVATE });
28}
29
30/** A recorded run opens on its own page; a refusal comes back here with its words. */
31export async function action({ context, request }: Route.ActionArgs) {
32  const actor = context.get(labActorContext);
33  requireRecorder(actor);
34  const result = await recordRun(getEnv(context), actor, await request.formData(), Date.now());
35  if (result.ok && result.runId) throw redirect(`/lab/runs/${result.runId}`, { headers: PRIVATE });
36  return data(result, { headers: PRIVATE });
37}
38
39export default function LabRuns({ loaderData, actionData }: Route.ComponentProps) {
40  const { runs, procedures, lots, all, lotRows } = loaderData;
41  return (
42    <>
43      <PageHead
44        title="Runs"
45        lead={`${all ? "Every run recorded in the lab" : "The runs you recorded"}, with the lots each used. A saved run is never changed: a correction is a new run that names it.`}
46      />
47      <Result result={actionData} />
48      {runs.length === 0 ? (
49        <p className="cap-muted">No runs recorded yet.</p>
50      ) : (
51        <LabTable label="Runs" head={["Run", "Protocol", "Day", "Outcome", ...(all ? ["By"] : [])]}>
52          {runs.map((r) => (
53            <tr key={r.id}>
54              <th scope="row">
55                <Link to={`/lab/runs/${r.id}`}>Run {r.id}</Link>
56                {r.replaced_by ? <span className="cap-muted">, corrected by run {r.replaced_by}</span> : null}
57                {r.replaces_run_id ? <span className="cap-muted">, corrects run {r.replaces_run_id}</span> : null}
58              </th>
59              <td>{r.title}</td>
60              <td>{r.run_on}</td>
61              <td>{r.outcome}</td>
62              {all ? <td>{r.actor}</td> : null}
63            </tr>
64          ))}
65        </LabTable>
66      )}
67      <Panel title="Record a run">
68        <RunForm procedures={procedures} lots={lots} lotRows={lotRows} />
69      </Panel>
70    </>
71  );
72}