app/routes/workspace.runs.run.tsx

Functions

Imports

It imports app/components/admin/shell-parts.tsx, app/components/lab/lab-ui.tsx, app/components/lab/run-form.tsx, app/lab/actor.server.ts, app/lab/forms.mjs, 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 { crumbLink } from "~/components/admin/shell-parts";
7import { LabTable, Result } from "~/components/lab/lab-ui";
8import { RunForm } from "~/components/lab/run-form";
9import { labActorContext } from "~/lab/actor.server";
10import { amountText, idOf } from "~/lab/forms.mjs";
11import { recordRun, runPage } from "~/lab/runs.server";
12import { PERMISSION } from "~/lab/titles.mjs";
13import { getEnv } from "~/lib/context";
14import type { Route } from "./+types/workspace.runs.run";
15
16export function meta({ params }: Route.MetaArgs) {
17  return [{ title: `Run ${params.id} · Lab` }, { name: "robots", content: "noindex" }];
18}
19
20const PRIVATE = { "cache-control": "private, no-store" };
21
22/** Someone else's run is a 404 to a person who reads only their own, the same answer as a run that does not exist. */
23export async function loader({ context, params }: Route.LoaderArgs) {
24  const actor = context.get(labActorContext);
25  if (!can(actor, PERMISSION.recordRun)) throw data("Not found.", { status: 404, headers: PRIVATE });
26  const id = idOf(params.id);
27  const page = id ? await runPage(getEnv(context), actor, id) : null;
28  if (!page) throw data("Not found.", { status: 404, headers: PRIVATE });
29  return data(page, { headers: PRIVATE });
30}
31
32/** A correction of this run: the run is the one in the address. Saved, it opens on its own page; refused, it stays here. */
33export async function action({ context, request, params }: Route.ActionArgs) {
34  const actor = context.get(labActorContext);
35  const id = idOf(params.id);
36  if (!id || !can(actor, PERMISSION.recordRun)) throw data("Not found.", { status: 404, headers: PRIVATE });
37  const result = await recordRun(getEnv(context), actor, await request.formData(), Date.now(), { replacesId: id });
38  if (result.ok && result.runId) throw redirect(`/lab/runs/${result.runId}`, { headers: PRIVATE });
39  return data(result, { headers: PRIVATE });
40}
41
42export default function LabRun({ loaderData, actionData }: Route.ComponentProps) {
43  const { run, lots, procedures, allLots, canCorrect, lotRows } = loaderData;
44  return (
45    <>
46      <PageHead renderLink={crumbLink} crumbs={[{ label: "Runs", href: "/lab/runs" }, { label: `Run ${run.id}` }]} title={`Run ${run.id}: ${run.title}`} />
47      <Result result={actionData} />
48      {run.replaced_by ? (
49        <p>
50          Corrected by <Link to={`/lab/runs/${run.replaced_by}`}>run {run.replaced_by}</Link>. This record stays as it was saved.
51        </p>
52      ) : null}
53      <dl className="lab-facts">
54        <dt>Protocol</dt>
55        <dd>
56          {run.title}
57          {run.procedure_version ? `, version ${run.procedure_version}` : ""}
58        </dd>
59        <dt>Day</dt>
60        <dd>{run.run_on}</dd>
61        <dt>Outcome</dt>
62        <dd>{run.outcome}</dd>
63        <dt>By</dt>
64        <dd>{run.actor}</dd>
65        {run.replaces_run_id ? (
66          <>
67            <dt>Corrects</dt>
68            <dd>
69              <Link to={`/lab/runs/${run.replaces_run_id}`}>Run {run.replaces_run_id}</Link>
70            </dd>
71          </>
72        ) : null}
73        {run.note ? (
74          <>
75            <dt>Note</dt>
76            <dd>{run.note}</dd>
77          </>
78        ) : null}
79      </dl>
80      <Panel title="Lots used">
81        {lots.length === 0 ? (
82          <p className="cap-muted">No lots recorded.</p>
83        ) : (
84          <LabTable label="Lots used" head={["Item", "Lot", "Used", ""]}>
85            {lots.map((l) => (
86              <tr key={l.lot_id}>
87                <th scope="row">{l.item}</th>
88                <td>
89                  <Link to={`/lab/inventory/${l.lot_id}`} className="cap-mono">
90                    {l.lot_number}
91                  </Link>
92                </td>
93                <td>{l.amount_used === null ? "" : amountText(l.amount_used, l.unit)}</td>
94                <td>{l.emptied ? "Emptied it" : ""}</td>
95              </tr>
96            ))}
97          </LabTable>
98        )}
99      </Panel>
100      {canCorrect ? (
101        <Panel title="Record a correction">
102          <RunForm
103            procedures={procedures}
104            lots={allLots}
105            lotRows={lotRows}
106            replaces={run.id}
107            defaults={{ procedure: run.procedure_slug, run_on: run.run_on, outcome: run.outcome, note: run.note, lots }}
108          />
109        </Panel>
110      ) : null}
111    </>
112  );
113}