app/components/protocol-proof.tsx

Functions

Imports

It imports app/kb/procedures/proof.mjs. Imported by app/components/procedure.tsx.

Source

1import type { resolveProof } from "~/kb/procedures/proof.mjs";
2
3/**
4 * Proof of use: the papers that used the method and the phages it produced, as the protocol's file states them, with the
5 * words and addresses read from the publication and phage rows. Plain links, no script. Nothing renders for a protocol
6 * that states none.
7 */
8export function ProtocolProof({ proof }: { proof: ReturnType<typeof resolveProof> }) {
9  if (!proof) return null;
10  return (
11    <section aria-labelledby="proof-of-use">
12      <h2 id="proof-of-use">
13        Proof of use
14        <a className="heading-anchor" aria-label="Link to section: Proof of use" href="#proof-of-use">
15          #
16        </a>
17      </h2>
18      {proof.papers.length > 0 ? (
19        <>
20          <h3>Papers that used this method</h3>
21          <ul className="procedure-proof">
22            {proof.papers.map((p) => (
23              <li key={p.slug}>
24                {p.href ? <a href={p.href}>{p.title}</a> : p.title}
25                {p.year ? ` (${p.year})` : null}
26              </li>
27            ))}
28          </ul>
29        </>
30      ) : null}
31      {proof.phages.length > 0 ? (
32        <>
33          <h3>Phages it produced</h3>
34          <ul className="procedure-proof">
35            {proof.phages.map((p) => (
36              <li key={p.key}>{p.href ? <a href={p.href}>{p.name}</a> : p.name}</li>
37            ))}
38          </ul>
39        </>
40      ) : null}
41    </section>
42  );
43}