nandi.uk
This repository has no description
feat: wrap Bluesky/Blacksky icons with link and tooltip
author
pdelfan
date
(Feb 4, 2026, 4:41 PM -0800)
commit
5ac19f3b
5ac19f3be4560e18f99028e21bfffc082683e9cd
parent
fa7c1aaf
fa7c1aaf0af2a9b0a87b0a34a127cc593803fb50
+47
-5
+19
-2
src/webapp/features/platforms/bluesky/components/blueskyMentionPost/BlueskyMentionPost.tsx
+19
-2
src/webapp/features/platforms/bluesky/components/blueskyMentionPost/BlueskyMentionPost.tsx
···
1
1
'use client';
2
2
3
3
import RichTextRenderer from '@/components/contentDisplay/richTextRenderer/RichTextRenderer';
4
-
import { Avatar, Box, Card, Group, Stack, Text } from '@mantine/core';
4
+
import {
5
+
Anchor,
6
+
Avatar,
7
+
Box,
8
+
Card,
9
+
Group,
10
+
Stack,
11
+
Text,
12
+
Tooltip,
13
+
} from '@mantine/core';
5
14
import { PostView } from '@semble/types';
6
15
import { FaBluesky } from 'react-icons/fa6';
7
16
import PostEmbed from '../postEmbed/PostEmbed';
···
56
65
{props.post.author.displayName || props.post.author.handle}
57
66
</Text>
58
67
</Group>
59
-
<FaBluesky fill="#0085ff" size={18} />
68
+
<Tooltip label="View on Bluesky">
69
+
<Anchor
70
+
href={`https://bsky.app/profile/${props.post.author.did}/post/${getPostRkeyFromUri(props.post.uri)}`}
71
+
target="_blank"
72
+
onClick={(e) => e.stopPropagation()}
73
+
>
74
+
<FaBluesky fill="#0085ff" size={18} />
75
+
</Anchor>
76
+
</Tooltip>
60
77
</Group>
61
78
<Stack gap={'xs'} w={'100%'}>
62
79
{<Box>{<RichTextRenderer text={record.text} />}</Box>}
+21
-2
src/webapp/features/platforms/bluesky/components/blueskyPost/BlueskyPost.tsx
+21
-2
src/webapp/features/platforms/bluesky/components/blueskyPost/BlueskyPost.tsx
···
2
2
3
3
import { AppBskyFeedDefs, AppBskyFeedPost } from '@atproto/api';
4
4
import { ReactElement } from 'react';
5
-
import { Group, Stack, Text, Avatar, Box, Image } from '@mantine/core';
5
+
import {
6
+
Group,
7
+
Stack,
8
+
Text,
9
+
Avatar,
10
+
Box,
11
+
Image,
12
+
Anchor,
13
+
Tooltip,
14
+
} from '@mantine/core';
6
15
import RichTextRenderer from '@/components/contentDisplay/richTextRenderer/RichTextRenderer';
7
16
import useGetBlueskyPost from '../../lib/queries/useGetBlueskyPost';
8
17
import PostEmbed from '../postEmbed/PostEmbed';
···
74
83
{post.author.displayName || post.author.handle}
75
84
</Text>
76
85
</Group>
77
-
{platformIcon}
86
+
<Tooltip
87
+
label={`View on ${platform.type === SupportedPlatform.BLUESKY_POST ? 'Bluesky' : 'Blacksky'}`}
88
+
>
89
+
<Anchor
90
+
href={props.url}
91
+
target="_blank"
92
+
onClick={(e) => e.stopPropagation()}
93
+
>
94
+
{platformIcon}
95
+
</Anchor>
96
+
</Tooltip>
78
97
</Group>
79
98
<Stack gap={'xs'} w={'100%'}>
80
99
<Box>
+7
-1
src/webapp/features/platforms/bluesky/components/blueskySemblePost/BlueskySemblePost.tsx
+7
-1
src/webapp/features/platforms/bluesky/components/blueskySemblePost/BlueskySemblePost.tsx
···
121
121
</Text>
122
122
</Stack>
123
123
</Group>
124
-
{platformIcon}
124
+
<Tooltip
125
+
label={`View on ${platform.type === SupportedPlatform.BLUESKY_POST ? 'Bluesky' : 'Blacksky'}`}
126
+
>
127
+
<Anchor href={props.url} target="_blank">
128
+
{platformIcon}
129
+
</Anchor>
130
+
</Tooltip>
125
131
</Group>
126
132
<Stack gap={'xs'} w={'100%'}>
127
133
<Box>