app/components/evidence-row.tsx

Functions

Imports

It imports no other module of this repo. Imported by app/components/taxonomy-listing.tsx, app/routes/blog.$slug.tsx, app/routes/blog._index.tsx, app/routes/colophon.tsx, app/routes/publications.tsx.

Source

1import type { ReactNode } from "react";
2
3// Its sheet is imported by each consuming route, not here, so every sheet a page
4// loads stays visible in the route's own imports.
5const EVIDENCE_FACTS = 3;
6
7export function EvidenceRow({
8  facts,
9  detail,
10}: {
11  facts: ReactNode[];
12  detail?: ReactNode;
13}) {
14  const present = facts.filter((fact) => fact !== null && fact !== undefined && fact !== false);
15  if (present.length < EVIDENCE_FACTS) return null;
16
17  return (
18    <>
19      <p className="evidence">
20        {/* Position is a fact's only stable identity here: it is a node, not a value. */}
21        {present.map((fact, i) => (
22          <span key={i}>{fact}</span>
23        ))}
24      </p>
25      {detail ? <p className="evidence-detail">{detail}</p> : null}
26    </>
27  );
28}