Function searchTopic

next/components/SearchResults/index.tsx:84–105

({ displayName, id, displaySynonyms, displayParentTopics }: Topic)

type Topic = SearchResultsQuery['view']['queryInfo']['topics'][0]

const searchTopic = ({ displayName, id, displaySynonyms, displayParentTopics }: Topic) => {
  const parentTopics = parentTopicsFor(displayParentTopics)

  return (
    <Card
      key={id}
      className={classes.searchTopic}
    >
      <Link className={classes.topicLink} href={`/topics/${id}`}>{displayName}</Link>
      {parentTopicGroup(parentTopics)}

      {displaySynonyms.length > 1 && (
        <Box className={classes.namesAndSynonyms}>
          <Text>Names and synonyms</Text>
          <List className={classes.searchTopicSynonyms}>
            {displaySynonyms.map(({ name }) => <ListItem key={name}>{name}</ListItem>)}
          </List>
        </Box>
      )}
    </Card>
  )
}

const parentTopicGroup = (parentTopics: Topic[]) => (
  <Box className={classes.parentTopics}>