nandi.uk
This repository has no description
1import type { FeedItem as FeedItemType } from '@/api-client';
2import { Stack } from '@mantine/core';
3import UrlCard from '@/features/cards/components/urlCard/UrlCard';
4import FeedActivityStatus from '../feedActivityStatus/FeedActivityStatus';
5import { CardSaveAnalyticsContext } from '@/features/analytics/types';
6
7interface Props {
8 item: FeedItemType;
9 analyticsContext?: CardSaveAnalyticsContext;
10}
11
12export default function FeedItem(props: Props) {
13 return (
14 <Stack gap={'xs'} align="stretch" h={'100%'}>
15 <FeedActivityStatus
16 user={props.item.user}
17 collections={props.item.collections}
18 createdAt={props.item.createdAt}
19 note={props.item.card.note?.text}
20 />
21 <UrlCard
22 id={props.item.card.id}
23 url={props.item.card.url}
24 uri={props.item.card.uri}
25 note={props.item.card.note}
26 cardAuthor={props.item.card.author}
27 cardContent={props.item.card.cardContent}
28 urlLibraryCount={props.item.card.urlLibraryCount}
29 urlIsInLibrary={props.item.card.urlInLibrary}
30 authorHandle={props.item.user.handle}
31 viaCardId={props.item.card.id}
32 analyticsContext={props.analyticsContext}
33 />
34 </Stack>
35 );
36}