diff --git a/bskyogcard/src/components/FeedCard.tsx b/bskyogcard/src/components/FeedCard.tsx index 9783e67af4..cef0c28389 100644 --- a/bskyogcard/src/components/FeedCard.tsx +++ b/bskyogcard/src/components/FeedCard.tsx @@ -5,6 +5,7 @@ import {PostData} from '../data/getPostData.js' import {atoms as a, theme as t} from '../theme/index.js' import {formatCount} from '../util/formatCount.js' import {getModerationCauseInfo} from '../util/getModerationCauseInfo.js' +import {sanitizeHandle} from '../util/sanitizeHandle.js' import {Box} from './Box.js' import {DefaultFeed} from './icons/avatars/DefaultFeed.js' import {Image} from './Image.js' @@ -61,14 +62,30 @@ export function FeedCard({ ) : ( )} - - {displayName} - By @{creator.handle} + + + {displayName} + + + {`By ${sanitizeHandle(creator.handle, '@')}`} + {likeCount > 1 && ( - + Liked by {formatCount(likeCount)} users )} diff --git a/bskyogcard/src/components/ListCard.tsx b/bskyogcard/src/components/ListCard.tsx index f12d21a995..5a2b56ec45 100644 --- a/bskyogcard/src/components/ListCard.tsx +++ b/bskyogcard/src/components/ListCard.tsx @@ -4,6 +4,7 @@ import {ModeratorData} from '../data/getModeratorData.js' import {PostData} from '../data/getPostData.js' import {atoms as a, theme as t} from '../theme/index.js' import {getModerationCauseInfo} from '../util/getModerationCauseInfo.js' +import {sanitizeHandle} from '../util/sanitizeHandle.js' import {Box} from './Box.js' import {DefaultFeed} from './icons/avatars/DefaultFeed.js' import {Image} from './Image.js' @@ -60,9 +61,19 @@ export function ListCard({ ) : ( )} - - {name} - By @{creator.handle} + + + {name} + + + {`By ${sanitizeHandle(creator.handle, '@')}`} + diff --git a/bskyogcard/src/components/PostEmbed.tsx b/bskyogcard/src/components/PostEmbed.tsx index 6c87701e62..9e767dca9b 100644 --- a/bskyogcard/src/components/PostEmbed.tsx +++ b/bskyogcard/src/components/PostEmbed.tsx @@ -8,6 +8,7 @@ import {ModeratorData} from '../data/getModeratorData.js' import {Image as ImageSource, PostData} from '../data/getPostData.js' import {atoms as a, theme as t} from '../theme/index.js' import * as bsky from '../types/bsky/index.js' +import {formatCount} from '../util/formatCount.js' import {getModerationCauseInfo} from '../util/getModerationCauseInfo.js' import {getStarterPackImageUri} from '../util/getStarterPackImageUri.js' import {Embed, EmbedType, parseEmbed} from '../util/parseEmbed.js' @@ -220,7 +221,7 @@ export function StarterPackEmbed({ ) : null} {embed.view.joinedAllTimeCount >= 50 && ( - {embed.view.joinedAllTimeCount} users have joined! + {formatCount(embed.view.joinedAllTimeCount)} users have joined! )} diff --git a/bskyogcard/test.html b/bskyogcard/test.html index dc879096f5..9d0fe72f44 100644 --- a/bskyogcard/test.html +++ b/bskyogcard/test.html @@ -53,6 +53,7 @@
Link
Link w/ label
Starter pack
+
Starter pack w/ signups