| 2 | import Link from 'next/link'; |
2 | import Link from 'next/link'; |
| 3 | import { notFound } from 'next/navigation'; |
3 | import { notFound } from 'next/navigation'; |
| 4 | import { ExternalLink } from 'lucide-react'; |
4 | import { ExternalLink } from 'lucide-react'; |
| |
5 | +import { GraphLink } from '@/components/graph/graph-link'; |
| 5 | import { PageHeader, Section, KV, Note } from '@/components/ui/section'; |
6 | import { PageHeader, Section, KV, Note } from '@/components/ui/section'; |
| 6 | import { Badge, ClaimBadge } from '@/components/ui/badge'; |
7 | import { Badge, ClaimBadge } from '@/components/ui/badge'; |
| 7 | import { EmptyState } from '@/components/ui/empty-state'; |
8 | import { EmptyState } from '@/components/ui/empty-state'; |
| 93 | <PageHeader kicker={`Drug${d.kind ? ` · ${humanize(d.kind)}` : ''}`} title={d.name} lede={d.description ?? undefined}> |
94 | <PageHeader kicker={`Drug${d.kind ? ` · ${humanize(d.kind)}` : ''}`} title={d.name} lede={d.description ?? undefined}> |
| 94 | <p className="mt-2 flex flex-wrap items-center gap-2 text-[12.5px]"> |
95 | <p className="mt-2 flex flex-wrap items-center gap-2 text-[12.5px]"> |
| 95 | <span className="ci-mono text-ink-3">{d.id}</span> |
96 | <span className="ci-mono text-ink-3">{d.id}</span> |
| |
97 | + <GraphLink type="drug" ref={d.slug} /> |
| 96 | {d.ncit_code ? ( |
98 | {d.ncit_code ? ( |
| 97 | <a className="ci-link inline-flex items-center gap-1" href={`https://evsexplore.semantics.cancer.gov/evsexplore/concept/ncit/${d.ncit_code}`} target="_blank" rel="noopener noreferrer"> |
99 | <a className="ci-link inline-flex items-center gap-1" href={`https://evsexplore.semantics.cancer.gov/evsexplore/concept/ncit/${d.ncit_code}`} target="_blank" rel="noopener noreferrer"> |
| 98 | NCIt {d.ncit_code} <ExternalLink className="h-3 w-3" aria-hidden /> |
100 | NCIt {d.ncit_code} <ExternalLink className="h-3 w-3" aria-hidden /> |