nandi.uk
This repository has no description
1import UrlAddedBySummary from '@/features/semble/components/urlAddedBySummary/UrlAddedBySummary';
2import { Stack } from '@mantine/core';
3import SembleActionsContainer from '@/features/semble/containers/sembleActionsContainer/SembleActionsContainer';
4import { Suspense } from 'react';
5import SembleActionsContainerSkeleton from '@/features/semble/containers/sembleActionsContainer/Skeleton.SembleActionsContainer';
6import BlueskySemblePost from '../../components/blueskySemblePost/BlueskySemblePost';
7import BlueskySemblePostSkeleton from '../../components/blueskySemblePost/Skeleton.BlueskySemblePost';
8import UrlAddedBySummarySkeleton from '@/features/semble/components/urlAddedBySummary/Skeleton.UrlAddedBySummary';
9
10interface Props {
11 url: string;
12 viaCardId?: string;
13}
14
15export default async function BlueskySembleHeader(props: Props) {
16 return (
17 <Stack gap={'sm'} mx={'auto'} w={'100%'} maw={600}>
18 <Suspense fallback={<BlueskySemblePostSkeleton />}>
19 <BlueskySemblePost url={props.url} />
20 </Suspense>
21
22 <Stack align="center">
23 <Suspense fallback={<SembleActionsContainerSkeleton />}>
24 <SembleActionsContainer url={props.url} viaCardId={props.viaCardId} />
25 </Suspense>
26 </Stack>
27
28 <Suspense fallback={<UrlAddedBySummarySkeleton />}>
29 <UrlAddedBySummary url={props.url} />
30 </Suspense>
31 </Stack>
32 );
33}