+7

src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/connections/error.tsx

View file Reviewed

··· 1 1 + 'use client'; 2 2 + 3 3 + import ConnectionsContainerError from '@/features/connections/containers/connectionsContainer/Error.ConnectionsContainer'; 4 4 + 5 5 + export default function Error() { 6 6 + return <ConnectionsContainerError />; 7 7 + }

+42

src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/connections/layout.tsx

View file Reviewed

··· 1 1 + import { getCollectionPageByAtUri } from '@/features/collections/lib/dal'; 2 2 + 3 3 + import type { Metadata } from 'next'; 4 4 + 5 5 + interface Props { 6 6 + params: Promise<{ rkey: string; handle: string }>; 7 7 + children: React.ReactNode; 8 8 + } 9 9 + 10 10 + export async function generateMetadata({ params }: Props): Promise<Metadata> { 11 11 + const { rkey, handle } = await params; 12 12 + 13 13 + const collection = await getCollectionPageByAtUri({ 14 14 + recordKey: rkey, 15 15 + handle: handle, 16 16 + }); 17 17 + 18 18 + return { 19 19 + title: `${collection.name}'s connections`, 20 20 + description: 21 21 + collection.description ?? 22 22 + `See connections for ${collection.name}`, 23 23 + authors: [ 24 24 + { 25 25 + name: collection.author.name, 26 26 + url: `${process.env.APP_URL}/profile/${handle}`, 27 27 + }, 28 28 + ], 29 29 + alternates: { 30 30 + types: { 31 31 + '': `${collection.uri}`, 32 32 + }, 33 33 + }, 34 34 + other: { 35 35 + 'atprotocol:creator': `at://${collection.author.id}`, 36 36 + }, 37 37 + }; 38 38 + } 39 39 + 40 40 + export default function Layout(props: Props) { 41 41 + return props.children; 42 42 + }

+5

src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/connections/loading.tsx

View file Reviewed

··· 1 1 + import ConnectionsContainerSkeleton from '@/features/connections/containers/connectionsContainer/Skeleton.ConnectionsContainer'; 2 2 + 3 3 + export default function Loading() { 4 4 + return <ConnectionsContainerSkeleton />; 5 5 + }

+18

src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/connections/page.tsx

View file Reviewed

··· 1 1 + import ConnectionsContainer from '@/features/connections/containers/connectionsContainer/ConnectionsContainer'; 2 2 + import { Container } from '@mantine/core'; 3 3 + 4 4 + interface Props { 5 5 + params: Promise<{ handle: string; rkey: string }>; 6 6 + } 7 7 + 8 8 + export default async function Page({ params }: Props) { 9 9 + const { handle, rkey } = await params; 10 10 + const appUrl = process.env.NEXT_PUBLIC_APP_URL ?? 'http://127.0.0.1:4000'; 11 11 + const url = `${appUrl}/profile/${handle}/collections/${rkey}`; 12 12 + 13 13 + return ( 14 14 + <Container p="xs" size="xl"> 15 15 + <ConnectionsContainer url={url} /> 16 16 + </Container> 17 17 + ); 18 18 + }

+3

src/webapp/features/collections/components/collectionTabs/CollectionTabs.tsx

View file Reviewed

··· 31 31 <TabItem value="mentions" href={`${basePath}/mentions`}> 32 32 Mentions 33 33 </TabItem> 34 34 + <TabItem value="connections" href={`${basePath}/connections`}> 35 35 + Connections 36 36 + </TabItem> 34 37 <TabItem value="followers" href={`${basePath}/followers`}> 35 38 Followers 36 39 </TabItem>

+4 -6

src/webapp/features/connections/containers/connectionsContainer/Error.ConnectionsContainer.tsx

View file Reviewed

··· 1 1 - import { Stack, Text } from '@mantine/core'; 1 1 + import { Alert, Container } from '@mantine/core'; 2 2 3 3 export default function ConnectionsContainerError() { 4 4 return ( 5 5 - <Stack align="center" justify="center" py={'xl'}> 6 6 - <Text c={'red'} fw={600}> 7 7 - Failed to load connections 8 8 - </Text> 9 9 - </Stack> 5 5 + <Container p="xs" size="xl"> 6 6 + <Alert color="red" title="Could not load connections" /> 7 7 + </Container> 10 8 ); 11 9 }

+3 -3

src/webapp/features/connections/containers/connectionsContainer/Skeleton.ConnectionsContainer.tsx

View file Reviewed

··· 1 1 - import { Grid, Group, Skeleton, Stack } from '@mantine/core'; 1 1 + import { Grid, GridCol, Group, Skeleton, Stack } from '@mantine/core'; 2 2 3 3 export default function ConnectionsContainerSkeleton() { 4 4 return ( ··· 9 9 </Group> 10 10 <Grid gap="xl" mx={'auto'} maw={600} w={'100%'}> 11 11 {[...Array(3)].map((_, i) => ( 12 12 - <Grid.Col key={i} span={12}> 12 12 + <GridCol key={i} span={12}> 13 13 <Stack gap={'xs'}> 14 14 <Skeleton height={80} radius={'lg'} /> 15 15 <Skeleton height={200} radius={'lg'} /> 16 16 </Stack> 17 17 - </Grid.Col> 17 17 + </GridCol> 18 18 ))} 19 19 </Grid> 20 20 </Stack>

+1 -1

src/webapp/next-env.d.ts

View file Reviewed

··· 1 1 /// <reference types="next" /> 2 2 /// <reference types="next/image-types/global" /> 3 3 - import "./.next/dev/types/routes.d.ts"; 3 3 + import "./.next/types/routes.d.ts"; 4 4 5 5 // NOTE: This file should not be edited 6 6 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.