app/routes/workspace._index.tsx

Functions

Imports

It imports app/lab/actor.server.ts, app/lab/titles.mjs. No module of this repo imports it.

Source

1import { Link, data } from "react-router";
2import { can } from "@dustinedwards/site-runtime/members";
3
4import { PageHead } from "capsomer/react/page-head";
5import { labActorContext } from "~/lab/actor.server";
6import { PERMISSION, titleLabel } from "~/lab/titles.mjs";
7import type { Route } from "./+types/workspace._index";
8
9export function meta() {
10  return [{ title: "Overview · Lab" }, { name: "robots", content: "noindex" }];
11}
12
13/** What this person may do here, from their permissions, never their title. */
14export async function loader({ context }: Route.LoaderArgs) {
15  const actor = context.get(labActorContext);
16  return data(
17    {
18      title: titleLabel(actor.title),
19      manages: can(actor, PERMISSION.manageMembers),
20      reads: can(actor, PERMISSION.read),
21      records: can(actor, PERMISSION.recordRun),
22    },
23    { headers: { "cache-control": "private, no-store" } },
24  );
25}
26
27export default function LabOverview({ loaderData }: Route.ComponentProps) {
28  return (
29    <>
30      <PageHead title="Lab" lead={`You are signed in as ${loaderData.title}.`} />
31      {loaderData.reads ? (
32        <p>
33          <Link to="/lab/inventory">Inventory</Link>: the lots on the shelf, how much is left and where.
34        </p>
35      ) : null}
36      {loaderData.records ? (
37        <p>
38          <Link to="/lab/runs">Runs</Link>: record a run of a protocol with the lots it used.
39        </p>
40      ) : null}
41      {loaderData.manages ? (
42        <p>
43          <Link to="/lab/members">Members</Link>: who may sign in to the lab, their titles and when their access ends.
44        </p>
45      ) : null}
46    </>
47  );
48}