nandi.uk
This repository has no description
feat: show on card action if you've connected a card
author
pdelfan
date
(Apr 17, 2026, 2:23 PM -0700)
commit
efdb4687
efdb468703e45a058a9cf66e5d16f409990b30e3
parent
883ca36c
883ca36c5cd3b680b536b21fb2c375209ae4155e
+48
-38
+17
-19
src/webapp/components/landing/activityCard/Skeleton.ActivityCard.tsx
+17
-19
src/webapp/components/landing/activityCard/Skeleton.ActivityCard.tsx
···
9
9
10
10
export default function ActivityCardSkeleton() {
11
11
return (
12
-
<Stack gap={'xs'} align="stretch" h={'100%'}>
13
-
<Card p={0}>
14
-
<Group gap={'xs'} wrap="nowrap" justify="space-between" align="center">
15
-
<Group gap={'xs'} wrap="nowrap" w={'100%'}>
16
-
<Avatar size={'sm'} />
17
-
<Skeleton w={'30%'} h={18} />
18
-
</Group>
19
-
<Skeleton w={'10%'} h={15} />
20
-
</Group>
21
-
</Card>
22
-
23
-
<Card radius={'lg'} p={'sm'} flex={1} h={'100%'} withBorder>
24
-
<Stack justify="space-between" gap={'sm'} flex={1}>
12
+
<Stack component="article" gap={5} justify="stretch" h={'100%'}>
13
+
<Card withBorder radius={'lg'} p={'sm'} flex={1}>
14
+
<Stack justify="space-between" flex={1}>
25
15
<Group justify="space-between" align="start" gap={'lg'}>
26
16
<Stack gap={'xs'} flex={1}>
27
17
<Stack gap={5}>
28
18
{/* Domain */}
29
-
<Skeleton w={80} h={14} />
19
+
<Skeleton w={80} h={21} />
30
20
{/* Title */}
31
-
<Skeleton w={'100%'} h={14} />
32
-
<Skeleton w={'100%'} h={14} />
21
+
<Skeleton w={'100%'} h={25} />
33
22
</Stack>
34
23
35
24
{/* Description */}
36
25
<Stack gap={5}>
37
-
<Skeleton w={'100%'} h={10} />
38
-
<Skeleton w={'100%'} h={10} />
39
-
<Skeleton w={'100%'} h={10} />
26
+
<Skeleton w={'100%'} h={16} />
27
+
<Skeleton w={'100%'} h={16} />
28
+
<Skeleton w={'100%'} h={16} />
40
29
</Stack>
41
30
</Stack>
42
31
43
32
<AspectRatio ratio={1 / 1}>
44
33
<Skeleton w={75} h={75} />
45
34
</AspectRatio>
35
+
</Group>
36
+
37
+
{/* Url card actions */}
38
+
<Group justify="space-between">
39
+
<Group gap={'xs'}>
40
+
<Skeleton w={60} h={26} radius={'xl'} />
41
+
<Skeleton w={54} h={26} radius={'xl'} />
42
+
</Group>
43
+
<Skeleton w={26} h={26} circle />
46
44
</Group>
47
45
</Stack>
48
46
</Card>
+5
-6
src/webapp/features/cards/components/urlCard/Skeleton.UrlCard.tsx
+5
-6
src/webapp/features/cards/components/urlCard/Skeleton.UrlCard.tsx
···
9
9
<Stack gap={'xs'} flex={1}>
10
10
<Stack gap={5}>
11
11
{/* Domain */}
12
-
<Skeleton w={80} h={14} />
12
+
<Skeleton w={80} h={21} />
13
13
{/* Title */}
14
-
<Skeleton w={'100%'} h={14} />
15
-
<Skeleton w={'100%'} h={14} />
14
+
<Skeleton w={'100%'} h={25} />
16
15
</Stack>
17
16
18
17
{/* Description */}
19
18
<Stack gap={5}>
20
-
<Skeleton w={'100%'} h={10} />
21
-
<Skeleton w={'100%'} h={10} />
22
-
<Skeleton w={'100%'} h={10} />
19
+
<Skeleton w={'100%'} h={16} />
20
+
<Skeleton w={'100%'} h={16} />
21
+
<Skeleton w={'100%'} h={16} />
23
22
</Stack>
24
23
</Stack>
25
24
+2
src/webapp/features/cards/components/urlCard/UrlCard.tsx
+2
src/webapp/features/cards/components/urlCard/UrlCard.tsx
···
26
26
urlLibraryCount: number;
27
27
urlIsInLibrary?: boolean;
28
28
urlConnectionCount: number;
29
+
urlIsConnected?: boolean;
29
30
authorHandle?: string;
30
31
cardAuthor?: User;
31
32
viaCardId?: string;
···
163
164
urlLibraryCount={props.urlLibraryCount}
164
165
urlIsInLibrary={props.urlIsInLibrary ?? false}
165
166
urlConnectionCount={props.urlConnectionCount}
167
+
urlIsConnected={props.urlIsConnected}
166
168
viaCardId={props.viaCardId}
167
169
analyticsContext={props.analyticsContext}
168
170
/>
+3
-1
src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
+3
-1
src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
···
35
35
currentCollection?: Collection;
36
36
urlLibraryCount: number;
37
37
urlIsInLibrary: boolean;
38
+
urlIsConnected?: boolean;
38
39
urlConnectionCount: number;
39
40
viaCardId?: string;
40
41
analyticsContext?: CardSaveAnalyticsContext;
···
111
112
</Button>
112
113
<Button
113
114
variant="light"
114
-
color={'gray'}
115
+
color="gray"
116
+
c={props.urlIsConnected ? 'green' : 'gray'}
115
117
size="xs"
116
118
radius={'xl'}
117
119
leftSection={
+5
-6
src/webapp/features/cards/components/urlCardContent/Skeleton.UrlCardContent.tsx
+5
-6
src/webapp/features/cards/components/urlCardContent/Skeleton.UrlCardContent.tsx
···
7
7
<Stack gap={'xs'} flex={1}>
8
8
<Stack gap={5}>
9
9
{/* Domain */}
10
-
<Skeleton w={80} h={14} />
10
+
<Skeleton w={80} h={21} />
11
11
{/* Title */}
12
-
<Skeleton w={'100%'} h={14} />
13
-
<Skeleton w={'100%'} h={14} />
12
+
<Skeleton w={'100%'} h={25} />
14
13
</Stack>
15
14
16
15
{/* Description */}
17
16
<Stack gap={5}>
18
-
<Skeleton w={'100%'} h={10} />
19
-
<Skeleton w={'100%'} h={10} />
20
-
<Skeleton w={'100%'} h={10} />
17
+
<Skeleton w={'100%'} h={16} />
18
+
<Skeleton w={'100%'} h={16} />
19
+
<Skeleton w={'100%'} h={16} />
21
20
</Stack>
22
21
</Stack>
23
22
+1
src/webapp/features/cards/containers/cardsContainerContent/CardsContainerContent.tsx
+1
src/webapp/features/cards/containers/cardsContainerContent/CardsContainerContent.tsx
+1
-1
src/webapp/features/collections/components/collectionCard/Skeleton.CollectionCard.tsx
+1
-1
src/webapp/features/collections/components/collectionCard/Skeleton.CollectionCard.tsx
+1
src/webapp/features/collections/containers/collectionContainerContent/CollectionContainerContent.tsx
+1
src/webapp/features/collections/containers/collectionContainerContent/CollectionContainerContent.tsx
···
99
99
urlLibraryCount={card.urlLibraryCount}
100
100
urlIsInLibrary={card.urlInLibrary}
101
101
urlConnectionCount={card.urlConnectionCount ?? 0}
102
+
urlIsConnected={card.urlIsConnected}
102
103
currentCollection={firstPage}
103
104
viaCardId={card.id}
104
105
showAuthor={props.handle !== card.author.handle}
+2
src/webapp/features/connections/components/connectionCard/ConnectionCard.tsx
+2
src/webapp/features/connections/components/connectionCard/ConnectionCard.tsx
···
25
25
urlLibraryCount={sourceUrlView.urlLibraryCount}
26
26
urlIsInLibrary={sourceUrlView.urlInLibrary ?? false}
27
27
urlConnectionCount={sourceUrlView.urlConnectionCount ?? 0}
28
+
urlIsConnected={sourceUrlView.urlIsConnected}
28
29
/>
29
30
</Grid.Col>
30
31
···
87
88
urlLibraryCount={targetUrlView.urlLibraryCount}
88
89
urlIsInLibrary={targetUrlView.urlInLibrary ?? false}
89
90
urlConnectionCount={targetUrlView.urlConnectionCount ?? 0}
91
+
urlIsConnected={targetUrlView.urlIsConnected}
90
92
/>
91
93
</Grid.Col>
92
94
</Grid>
+1
src/webapp/features/connections/components/connectionItem/ConnectionItem.tsx
+1
src/webapp/features/connections/components/connectionItem/ConnectionItem.tsx
+1
src/webapp/features/feeds/components/feedItem/FeedItem.tsx
+1
src/webapp/features/feeds/components/feedItem/FeedItem.tsx
···
35
35
urlLibraryCount={props.item.card.urlLibraryCount}
36
36
urlIsInLibrary={props.item.card.urlInLibrary}
37
37
urlConnectionCount={props.item.card.urlConnectionCount ?? 0}
38
+
urlIsConnected={props.item.card.urlIsConnected}
38
39
authorHandle={props.item.user.handle}
39
40
viaCardId={props.item.card.id}
40
41
analyticsContext={props.analyticsContext}
+1
src/webapp/features/home/components/recentCards/RecentCards.tsx
+1
src/webapp/features/home/components/recentCards/RecentCards.tsx
+1
src/webapp/features/notifications/components/notificationItem/NotificationItem.tsx
+1
src/webapp/features/notifications/components/notificationItem/NotificationItem.tsx
···
127
127
urlLibraryCount={notification.item.card.urlLibraryCount}
128
128
urlIsInLibrary={notification.item.card.urlInLibrary}
129
129
urlConnectionCount={notification.item.card.urlConnectionCount ?? 0}
130
+
urlIsConnected={notification.item.card.urlIsConnected}
130
131
authorHandle={notification.item.user.handle}
131
132
viaCardId={notification.item.card.id}
132
133
analyticsContext={props.analyticsContext}
+3
-3
src/webapp/features/platforms/bluesky/components/blueskyPost/Skeleton.BlueskyPost.tsx
+3
-3
src/webapp/features/platforms/bluesky/components/blueskyPost/Skeleton.BlueskyPost.tsx
···
12
12
<Skeleton h={18} w={18} radius="xl" />
13
13
</Group>
14
14
<Stack w={'100%'} gap={5}>
15
-
<Skeleton w={'100%'} h={10} />
16
-
<Skeleton w={'100%'} h={10} />
17
-
<Skeleton w={'100%'} h={10} />
15
+
<Skeleton w={'100%'} h={16} />
16
+
<Skeleton w={'100%'} h={16} />
17
+
<Skeleton w={'100%'} h={16} />
18
18
</Stack>
19
19
</Stack>
20
20
);
+1
src/webapp/features/profile/containers/profileContainer/ProfileContainer.tsx
+1
src/webapp/features/profile/containers/profileContainer/ProfileContainer.tsx
+2
-2
src/webapp/features/search/components/profileCard/Skeleton.SearchProfileCard.tsx
+2
-2
src/webapp/features/search/components/profileCard/Skeleton.SearchProfileCard.tsx
+1
src/webapp/features/semble/components/similarUrlCard/SimilarUrlCard.tsx
+1
src/webapp/features/semble/components/similarUrlCard/SimilarUrlCard.tsx