diff --git a/src/webapp/components/landing/activityCard/Skeleton.ActivityCard.tsx b/src/webapp/components/landing/activityCard/Skeleton.ActivityCard.tsx
index 09eb17e1..f938c834 100644
--- a/src/webapp/components/landing/activityCard/Skeleton.ActivityCard.tsx
+++ b/src/webapp/components/landing/activityCard/Skeleton.ActivityCard.tsx
@@ -9,34 +9,23 @@ import {
export default function ActivityCardSkeleton() {
return (
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
{/* Domain */}
-
+
{/* Title */}
-
-
+
{/* Description */}
-
-
-
+
+
+
@@ -44,6 +33,15 @@ export default function ActivityCardSkeleton() {
+
+ {/* Url card actions */}
+
+
+
+
+
+
+
diff --git a/src/webapp/features/cards/components/urlCard/Skeleton.UrlCard.tsx b/src/webapp/features/cards/components/urlCard/Skeleton.UrlCard.tsx
index 12f0ecab..b76a5a1d 100644
--- a/src/webapp/features/cards/components/urlCard/Skeleton.UrlCard.tsx
+++ b/src/webapp/features/cards/components/urlCard/Skeleton.UrlCard.tsx
@@ -9,17 +9,16 @@ export default function UrlCardSkeleton() {
{/* Domain */}
-
+
{/* Title */}
-
-
+
{/* Description */}
-
-
-
+
+
+
diff --git a/src/webapp/features/cards/components/urlCard/UrlCard.tsx b/src/webapp/features/cards/components/urlCard/UrlCard.tsx
index 8263bcf2..447b5fee 100644
--- a/src/webapp/features/cards/components/urlCard/UrlCard.tsx
+++ b/src/webapp/features/cards/components/urlCard/UrlCard.tsx
@@ -26,6 +26,7 @@ interface Props {
urlLibraryCount: number;
urlIsInLibrary?: boolean;
urlConnectionCount: number;
+ urlIsConnected?: boolean;
authorHandle?: string;
cardAuthor?: User;
viaCardId?: string;
@@ -163,6 +164,7 @@ export default function UrlCard(props: Props) {
urlLibraryCount={props.urlLibraryCount}
urlIsInLibrary={props.urlIsInLibrary ?? false}
urlConnectionCount={props.urlConnectionCount}
+ urlIsConnected={props.urlIsConnected}
viaCardId={props.viaCardId}
analyticsContext={props.analyticsContext}
/>
diff --git a/src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx b/src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
index 499d4343..7a291ab5 100644
--- a/src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
+++ b/src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
@@ -35,6 +35,7 @@ interface Props {
currentCollection?: Collection;
urlLibraryCount: number;
urlIsInLibrary: boolean;
+ urlIsConnected?: boolean;
urlConnectionCount: number;
viaCardId?: string;
analyticsContext?: CardSaveAnalyticsContext;
@@ -111,7 +112,8 @@ export default function UrlCardActions(props: Props) {
diff --git a/src/webapp/features/cards/containers/cardsContainerContent/CardsContainerContent.tsx b/src/webapp/features/cards/containers/cardsContainerContent/CardsContainerContent.tsx
index cc6dc475..fd3bd88c 100644
--- a/src/webapp/features/cards/containers/cardsContainerContent/CardsContainerContent.tsx
+++ b/src/webapp/features/cards/containers/cardsContainerContent/CardsContainerContent.tsx
@@ -102,6 +102,7 @@ export default function CardsContainerContent(props: Props) {
urlLibraryCount={card.urlLibraryCount}
urlIsInLibrary={card.urlInLibrary}
urlConnectionCount={card.urlConnectionCount ?? 0}
+ urlIsConnected={card.urlIsConnected}
viaCardId={card.id}
analyticsContext={{
saveSource: CardSaveSource.PROFILE,
diff --git a/src/webapp/features/collections/components/collectionCard/Skeleton.CollectionCard.tsx b/src/webapp/features/collections/components/collectionCard/Skeleton.CollectionCard.tsx
index b7a69bc3..9f68549f 100644
--- a/src/webapp/features/collections/components/collectionCard/Skeleton.CollectionCard.tsx
+++ b/src/webapp/features/collections/components/collectionCard/Skeleton.CollectionCard.tsx
@@ -29,7 +29,7 @@ export default function CollectionCardSkeleton() {
{/* Collection metadata */}
-
+
);
diff --git a/src/webapp/features/collections/containers/collectionContainerContent/CollectionContainerContent.tsx b/src/webapp/features/collections/containers/collectionContainerContent/CollectionContainerContent.tsx
index da3b4ad1..e33acaa8 100644
--- a/src/webapp/features/collections/containers/collectionContainerContent/CollectionContainerContent.tsx
+++ b/src/webapp/features/collections/containers/collectionContainerContent/CollectionContainerContent.tsx
@@ -99,6 +99,7 @@ export default function CollectionContainerContent(props: Props) {
urlLibraryCount={card.urlLibraryCount}
urlIsInLibrary={card.urlInLibrary}
urlConnectionCount={card.urlConnectionCount ?? 0}
+ urlIsConnected={card.urlIsConnected}
currentCollection={firstPage}
viaCardId={card.id}
showAuthor={props.handle !== card.author.handle}
diff --git a/src/webapp/features/connections/components/connectionCard/ConnectionCard.tsx b/src/webapp/features/connections/components/connectionCard/ConnectionCard.tsx
index 1ba89cfc..d5d3b098 100644
--- a/src/webapp/features/connections/components/connectionCard/ConnectionCard.tsx
+++ b/src/webapp/features/connections/components/connectionCard/ConnectionCard.tsx
@@ -25,6 +25,7 @@ export default function ConnectionCard(props: Props) {
urlLibraryCount={sourceUrlView.urlLibraryCount}
urlIsInLibrary={sourceUrlView.urlInLibrary ?? false}
urlConnectionCount={sourceUrlView.urlConnectionCount ?? 0}
+ urlIsConnected={sourceUrlView.urlIsConnected}
/>
@@ -87,6 +88,7 @@ export default function ConnectionCard(props: Props) {
urlLibraryCount={targetUrlView.urlLibraryCount}
urlIsInLibrary={targetUrlView.urlInLibrary ?? false}
urlConnectionCount={targetUrlView.urlConnectionCount ?? 0}
+ urlIsConnected={targetUrlView.urlIsConnected}
/>
diff --git a/src/webapp/features/connections/components/connectionItem/ConnectionItem.tsx b/src/webapp/features/connections/components/connectionItem/ConnectionItem.tsx
index 5fbcfeaa..be3a4a7a 100644
--- a/src/webapp/features/connections/components/connectionItem/ConnectionItem.tsx
+++ b/src/webapp/features/connections/components/connectionItem/ConnectionItem.tsx
@@ -31,6 +31,7 @@ export default function ConnectionItem(props: Props) {
urlLibraryCount={urlView.urlLibraryCount}
urlIsInLibrary={urlView.urlInLibrary ?? false}
urlConnectionCount={urlView.urlConnectionCount ?? 0}
+ urlIsConnected={urlView.urlIsConnected}
/>
);
diff --git a/src/webapp/features/feeds/components/feedItem/FeedItem.tsx b/src/webapp/features/feeds/components/feedItem/FeedItem.tsx
index 21d55321..b4df63d1 100644
--- a/src/webapp/features/feeds/components/feedItem/FeedItem.tsx
+++ b/src/webapp/features/feeds/components/feedItem/FeedItem.tsx
@@ -35,6 +35,7 @@ export default function FeedItem(props: Props) {
urlLibraryCount={props.item.card.urlLibraryCount}
urlIsInLibrary={props.item.card.urlInLibrary}
urlConnectionCount={props.item.card.urlConnectionCount ?? 0}
+ urlIsConnected={props.item.card.urlIsConnected}
authorHandle={props.item.user.handle}
viaCardId={props.item.card.id}
analyticsContext={props.analyticsContext}
diff --git a/src/webapp/features/home/components/recentCards/RecentCards.tsx b/src/webapp/features/home/components/recentCards/RecentCards.tsx
index 4f7e13ff..a2aa5769 100644
--- a/src/webapp/features/home/components/recentCards/RecentCards.tsx
+++ b/src/webapp/features/home/components/recentCards/RecentCards.tsx
@@ -73,6 +73,7 @@ export default function RecentCards() {
urlLibraryCount={card.urlLibraryCount}
urlIsInLibrary={card.urlInLibrary}
urlConnectionCount={card.urlConnectionCount ?? 0}
+ urlIsConnected={card.urlIsConnected}
cardAuthor={card.author}
viaCardId={card.id}
/>
diff --git a/src/webapp/features/notifications/components/notificationItem/NotificationItem.tsx b/src/webapp/features/notifications/components/notificationItem/NotificationItem.tsx
index 4a0fa948..134e4bce 100644
--- a/src/webapp/features/notifications/components/notificationItem/NotificationItem.tsx
+++ b/src/webapp/features/notifications/components/notificationItem/NotificationItem.tsx
@@ -127,6 +127,7 @@ export default function NotificationItem(props: Props) {
urlLibraryCount={notification.item.card.urlLibraryCount}
urlIsInLibrary={notification.item.card.urlInLibrary}
urlConnectionCount={notification.item.card.urlConnectionCount ?? 0}
+ urlIsConnected={notification.item.card.urlIsConnected}
authorHandle={notification.item.user.handle}
viaCardId={notification.item.card.id}
analyticsContext={props.analyticsContext}
diff --git a/src/webapp/features/platforms/bluesky/components/blueskyPost/Skeleton.BlueskyPost.tsx b/src/webapp/features/platforms/bluesky/components/blueskyPost/Skeleton.BlueskyPost.tsx
index 53c21462..2726b9b6 100644
--- a/src/webapp/features/platforms/bluesky/components/blueskyPost/Skeleton.BlueskyPost.tsx
+++ b/src/webapp/features/platforms/bluesky/components/blueskyPost/Skeleton.BlueskyPost.tsx
@@ -12,9 +12,9 @@ export default function BlueskyPostSkeleton() {
-
-
-
+
+
+
);
diff --git a/src/webapp/features/profile/containers/profileContainer/ProfileContainer.tsx b/src/webapp/features/profile/containers/profileContainer/ProfileContainer.tsx
index f385abc5..87c5724f 100644
--- a/src/webapp/features/profile/containers/profileContainer/ProfileContainer.tsx
+++ b/src/webapp/features/profile/containers/profileContainer/ProfileContainer.tsx
@@ -84,6 +84,7 @@ export default function ProfileContainer(props: Props) {
urlLibraryCount={card.urlLibraryCount}
urlIsInLibrary={card.urlInLibrary}
urlConnectionCount={card.urlConnectionCount ?? 0}
+ urlIsConnected={card.urlIsConnected}
viaCardId={card.id}
analyticsContext={{
saveSource: CardSaveSource.PROFILE,
diff --git a/src/webapp/features/search/components/profileCard/Skeleton.SearchProfileCard.tsx b/src/webapp/features/search/components/profileCard/Skeleton.SearchProfileCard.tsx
index 65ee6661..07f4508b 100644
--- a/src/webapp/features/search/components/profileCard/Skeleton.SearchProfileCard.tsx
+++ b/src/webapp/features/search/components/profileCard/Skeleton.SearchProfileCard.tsx
@@ -13,8 +13,8 @@ export default function SearchProfileCardSkeleton() {
-
-
+
+
diff --git a/src/webapp/features/semble/components/similarUrlCard/SimilarUrlCard.tsx b/src/webapp/features/semble/components/similarUrlCard/SimilarUrlCard.tsx
index 03beb70c..2d7e3a48 100644
--- a/src/webapp/features/semble/components/similarUrlCard/SimilarUrlCard.tsx
+++ b/src/webapp/features/semble/components/similarUrlCard/SimilarUrlCard.tsx
@@ -18,6 +18,7 @@ export default function SimilarUrlCard(props: Props) {
urlLibraryCount={props.urlView.urlLibraryCount}
urlIsInLibrary={props.urlView.urlInLibrary ?? false}
urlConnectionCount={props.urlView.urlConnectionCount ?? 0}
+ urlIsConnected={props.urlView.urlIsConnected}
analyticsContext={props.analyticsContext}
/>
);