stacker.news/components/related.js

25 lines
710 B
JavaScript

import { RELATED_ITEMS } from '@/fragments/items'
import AccordianItem from './accordian-item'
import Items from './items'
import { NavigateFooter } from './more-footer'
const LIMIT = 5
export default function Related ({ title, itemId, ...props }) {
const variables = { title, id: itemId, limit: LIMIT }
return (
<AccordianItem
header={<div className='fw-bold'>related posts</div>}
body={
<Items
query={RELATED_ITEMS}
variables={variables}
destructureData={data => data.related}
Footer={props => <NavigateFooter {...props} href={`/items/${itemId}/related`} text='view all related items' />}
/>
}
{...props}
/>
)
}