31 lines
1001 B
TypeScript
31 lines
1001 B
TypeScript
import { GridLinkedItemCard } from './GridLinkedItemCard'
|
|
import { ListLinkedItemCard } from './ListLinkedItemCard'
|
|
import type { LinkedItemCardProps } from './CardTypes'
|
|
import { HighlightItemCard } from './HighlightItemCard'
|
|
import { PageType } from '../../../lib/networking/fragments/articleFragment'
|
|
|
|
const siteName = (originalArticleUrl: string, itemUrl: string): string => {
|
|
try {
|
|
return new URL(originalArticleUrl).hostname
|
|
} catch {}
|
|
try {
|
|
return new URL(itemUrl).hostname
|
|
} catch {}
|
|
return ''
|
|
}
|
|
|
|
export function LinkedItemCard(props: LinkedItemCardProps): JSX.Element {
|
|
const originText =
|
|
props.item.siteName ||
|
|
siteName(props.item.originalArticleUrl, props.item.url)
|
|
|
|
if (props.item.pageType === PageType.HIGHLIGHTS) {
|
|
return <HighlightItemCard {...props} />
|
|
}
|
|
if (props.layout == 'LIST_LAYOUT') {
|
|
return <ListLinkedItemCard {...props} originText={originText} />
|
|
} else {
|
|
return <GridLinkedItemCard {...props} originText={originText} />
|
|
}
|
|
}
|