forked from Archives/Athou_commafeed
36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import { Box } from "@mantine/core"
|
|
import { Entry } from "app/types"
|
|
import { Content } from "./Content"
|
|
import { Enclosure } from "./Enclosure"
|
|
import { Media } from "./Media"
|
|
|
|
export interface FeedEntryBodyProps {
|
|
entry: Entry
|
|
}
|
|
|
|
export function FeedEntryBody(props: FeedEntryBodyProps) {
|
|
return (
|
|
<Box>
|
|
<Box>
|
|
<Content content={props.entry.content} />
|
|
</Box>
|
|
{props.entry.enclosureType && props.entry.enclosureUrl && (
|
|
<Box pt="md">
|
|
<Enclosure enclosureType={props.entry.enclosureType} enclosureUrl={props.entry.enclosureUrl} />
|
|
</Box>
|
|
)}
|
|
{/* show media only if we don't have content to avoid duplicate content */}
|
|
{!props.entry.content && props.entry.mediaThumbnailUrl && (
|
|
<Box pt="md">
|
|
<Media
|
|
thumbnailUrl={props.entry.mediaThumbnailUrl}
|
|
thumbnailWidth={props.entry.mediaThumbnailWidth}
|
|
thumbnailHeight={props.entry.mediaThumbnailHeight}
|
|
description={props.entry.mediaDescription}
|
|
/>
|
|
</Box>
|
|
)}
|
|
</Box>
|
|
)
|
|
}
|