nandi.uk
This repository has no description
feat: mentions tab on collection page
author
pdelfan
date
(Apr 13, 2026, 5:23 PM -0700)
commit
61559951
61559951ca94e56e85680e2ceef7ad496e76aaf6
parent
77265cbc
77265cbc4bca8bc9a1f8455786056764b7276b8a
+77
-2
+42
src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/mentions/layout.tsx
+42
src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/mentions/layout.tsx
···
1
+
import { getCollectionPageByAtUri } from '@/features/collections/lib/dal';
2
+
3
+
import type { Metadata } from 'next';
4
+
5
+
interface Props {
6
+
params: Promise<{ rkey: string; handle: string }>;
7
+
children: React.ReactNode;
8
+
}
9
+
10
+
export async function generateMetadata({ params }: Props): Promise<Metadata> {
11
+
const { rkey, handle } = await params;
12
+
13
+
const collection = await getCollectionPageByAtUri({
14
+
recordKey: rkey,
15
+
handle: handle,
16
+
});
17
+
18
+
return {
19
+
title: `${collection.name}'s mentions`,
20
+
description:
21
+
collection.description ??
22
+
`See where ${collection.name} is mentioned around the web`,
23
+
authors: [
24
+
{
25
+
name: collection.author.name,
26
+
url: `${process.env.APP_URL}/profile/${handle}`,
27
+
},
28
+
],
29
+
alternates: {
30
+
types: {
31
+
'': `${collection.uri}`,
32
+
},
33
+
},
34
+
other: {
35
+
'atprotocol:creator': `at://${collection.author.id}`,
36
+
},
37
+
};
38
+
}
39
+
40
+
export default function Layout(props: Props) {
41
+
return props.children;
42
+
}
+5
src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/mentions/loading.tsx
+5
src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/mentions/loading.tsx
+18
src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/mentions/page.tsx
+18
src/webapp/app/(dashboard)/profile/[handle]/(withoutHeader)/collections/[rkey]/mentions/page.tsx
···
1
+
import SembleMentionsContainer from '@/features/semble/containers/sembleMentionsContainer/SembleMentionsContainer';
2
+
import { Container } from '@mantine/core';
3
+
4
+
interface Props {
5
+
params: Promise<{ handle: string; rkey: string }>;
6
+
}
7
+
8
+
export default async function Page({ params }: Props) {
9
+
const { handle, rkey } = await params;
10
+
const appUrl = process.env.NEXT_PUBLIC_APP_URL ?? 'http://127.0.0.1:4000';
11
+
const url = `${appUrl}/profile/${handle}/collections/${rkey}`;
12
+
13
+
return (
14
+
<Container p="xs" size="xl">
15
+
<SembleMentionsContainer url={url} />
16
+
</Container>
17
+
);
18
+
}
+3
src/webapp/features/collections/components/collectionTabs/CollectionTabs.tsx
+3
src/webapp/features/collections/components/collectionTabs/CollectionTabs.tsx
···
28
28
<TabItem value="similar-cards" href={`${basePath}/similar-cards`}>
29
29
Similar cards
30
30
</TabItem>
31
+
<TabItem value="mentions" href={`${basePath}/mentions`}>
32
+
Mentions
33
+
</TabItem>
31
34
<TabItem value="followers" href={`${basePath}/followers`}>
32
35
Followers
33
36
</TabItem>
+2
src/webapp/features/platforms/bluesky/container/blueskyMentionsContainer/BlueskyMentionsContainer.tsx
+2
src/webapp/features/platforms/bluesky/container/blueskyMentionsContainer/BlueskyMentionsContainer.tsx
···
1
+
'use client';
2
+
1
3
import SembleMentionsContainerError from '@/features/semble/containers/sembleMentionsContainer/Error.SembleMentionsContainer';
2
4
import useSearchBlueskyPosts from '../../lib/queries/useSearchBlueskyPosts';
3
5
import { BlueskySearchSortOptions } from '../../lib/types';
+2
src/webapp/features/platforms/leaflet/container/leafletMentionsContainer/LeafletMentionsContainer.tsx
+2
src/webapp/features/platforms/leaflet/container/leafletMentionsContainer/LeafletMentionsContainer.tsx
···
1
+
'use client';
2
+
1
3
import SembleMentionsContainerError from '@/features/semble/containers/sembleMentionsContainer/Error.SembleMentionsContainer';
2
4
import SembleEmptyTab from '@/features/semble/components/sembleEmptyTab/SembleEmptyTab';
3
5
import { MdOutlineAlternateEmail } from 'react-icons/md';
+2
src/webapp/features/semble/containers/sembleMentionsContainer/SembleMentionsContainer.tsx
+2
src/webapp/features/semble/containers/sembleMentionsContainer/SembleMentionsContainer.tsx
···
1
+
'use client';
2
+
1
3
import BlueskyMentionsContainer from '@/features/platforms/bluesky/container/blueskyMentionsContainer/BlueskyMentionsContainer';
2
4
import LeafletMentionsContainer from '@/features/platforms/leaflet/container/leafletMentionsContainer/LeafletMentionsContainer';
3
5
import { BlueskySearchSortOptions } from '@/features/platforms/bluesky/lib/types';
+3
-2
src/webapp/features/semble/containers/sembleMentionsContainer/Skeleton.SembleMentionsContainer.tsx
+3
-2
src/webapp/features/semble/containers/sembleMentionsContainer/Skeleton.SembleMentionsContainer.tsx
···
2
2
import {
3
3
Button,
4
4
Combobox,
5
+
ComboboxTarget,
5
6
Grid,
6
7
GridCol,
7
8
Group,
···
15
16
<Stack gap={'xs'} align="center">
16
17
<Group justify="space-between" w={'100%'} maw={600}>
17
18
<Combobox>
18
-
<Combobox.Target>
19
+
<ComboboxTarget>
19
20
<Button variant="light" color="gray" loading>
20
21
<Skeleton height={16} width={60} />
21
22
</Button>
22
-
</Combobox.Target>
23
+
</ComboboxTarget>
23
24
</Combobox>
24
25
<Select ml={'auto'} size="sm" variant="filled" disabled />
25
26
</Group>