Adds option for links in card docs to have display text

This commit is contained in:
Alicia Sykes
2023-07-24 19:31:47 +01:00
parent 66158a20fd
commit 8ff4e4e36a
4 changed files with 14 additions and 6 deletions

View File

@@ -462,8 +462,12 @@ const Results = (): JSX.Element => {
<p className="doc-uses">{doc.use}</p>
<Heading as="h4" size="small">Links</Heading>
<ul>
{doc.resources.map((resource: string, index: number) => (
<li id={`link-${index}`}><a target="_blank" rel="noreferrer" href={resource}>{resource}</a></li>
{doc.resources.map((resource: string | { title: string, link: string } , index: number) => (
typeof resource === 'string' ? (
<li id={`link-${index}`}><a target="_blank" rel="noreferrer" href={resource}>{resource}</a></li>
) : (
<li id={`link-${index}`}><a target="_blank" rel="noreferrer" href={resource.link}>{resource.title}</a></li>
)
))}
</ul>
<details>