Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Fix anchor text overflow in threads v2 (#8530)

authored by

Eric Bailey and committed by
GitHub
51babe01 04a2a227

+49 -55
+1 -1
src/components/ProfileHoverCard/index.web.tsx
··· 74 74 return props.children 75 75 } else { 76 76 return ( 77 - <View onPointerMove={onPointerMove} style={[a.flex_shrink]}> 77 + <View onPointerMove={onPointerMove} style={[a.flex_shrink, props.style]}> 78 78 <ProfileHoverCardInner {...props} /> 79 79 </View> 80 80 )
+4 -2
src/components/ProfileHoverCard/types.ts
··· 1 1 import type React from 'react' 2 2 3 - export type ProfileHoverCardProps = { 4 - children: React.ReactElement 3 + import {type ViewStyleProp} from '#/alf' 4 + 5 + export type ProfileHoverCardProps = ViewStyleProp & { 6 + children: React.ReactNode 5 7 did: string 6 8 disable?: boolean 7 9 }
+44 -52
src/screens/PostThread/components/ThreadItemAnchor.tsx
··· 311 311 isRoot && [a.pt_lg], 312 312 ]}> 313 313 <View style={[a.flex_row, a.gap_md, a.pb_md]}> 314 - <PreviewableUserAvatar 315 - size={42} 316 - profile={post.author} 317 - moderation={moderation.ui('avatar')} 318 - type={post.author.associated?.labeler ? 'labeler' : 'user'} 319 - live={live} 320 - onBeforePress={onOpenAuthor} 321 - /> 322 - <View style={[a.flex_1, a.align_start]}> 323 - <ProfileHoverCard did={post.author.did}> 324 - <View style={[a.flex_1]}> 314 + <View collapsable={false}> 315 + <PreviewableUserAvatar 316 + size={42} 317 + profile={post.author} 318 + moderation={moderation.ui('avatar')} 319 + type={post.author.associated?.labeler ? 'labeler' : 'user'} 320 + live={live} 321 + onBeforePress={onOpenAuthor} 322 + /> 323 + </View> 324 + <Link 325 + to={authorHref} 326 + style={[a.flex_1]} 327 + label={sanitizeDisplayName( 328 + post.author.displayName || sanitizeHandle(post.author.handle), 329 + moderation.ui('displayName'), 330 + )} 331 + onPress={onOpenAuthor}> 332 + <View style={[a.flex_1, a.align_start]}> 333 + <ProfileHoverCard did={post.author.did} style={[a.w_full]}> 325 334 <View style={[a.flex_row, a.align_center]}> 326 - <Link 327 - to={authorHref} 328 - style={[a.flex_shrink]} 329 - label={sanitizeDisplayName( 335 + <Text 336 + emoji 337 + style={[ 338 + a.flex_shrink, 339 + a.text_lg, 340 + a.font_bold, 341 + a.leading_snug, 342 + ]} 343 + numberOfLines={1}> 344 + {sanitizeDisplayName( 330 345 post.author.displayName || 331 346 sanitizeHandle(post.author.handle), 332 347 moderation.ui('displayName'), 333 348 )} 334 - onPress={onOpenAuthor}> 335 - <Text 336 - emoji 337 - style={[ 338 - a.text_lg, 339 - a.font_bold, 340 - a.leading_snug, 341 - a.self_start, 342 - ]} 343 - numberOfLines={1}> 344 - {sanitizeDisplayName( 345 - post.author.displayName || 346 - sanitizeHandle(post.author.handle), 347 - moderation.ui('displayName'), 348 - )} 349 - </Text> 350 - </Link> 349 + </Text> 351 350 352 351 <View style={[{paddingLeft: 3, top: -1}]}> 353 352 <VerificationCheckButton profile={authorShadow} size="md" /> 354 353 </View> 355 354 </View> 356 - <View style={[a.align_start]}> 357 - <Link 358 - style={[a.flex_shrink]} 359 - to={authorHref} 360 - label={sanitizeHandle(post.author.handle, '@')}> 361 - <Text 362 - style={[ 363 - a.text_md, 364 - a.leading_snug, 365 - t.atoms.text_contrast_medium, 366 - ]} 367 - numberOfLines={1}> 368 - {sanitizeHandle(post.author.handle, '@')} 369 - </Text> 370 - </Link> 371 - </View> 372 - </View> 373 - </ProfileHoverCard> 374 - </View> 355 + <Text 356 + style={[ 357 + a.text_md, 358 + a.leading_snug, 359 + t.atoms.text_contrast_medium, 360 + ]} 361 + numberOfLines={1}> 362 + {sanitizeHandle(post.author.handle, '@')} 363 + </Text> 364 + </ProfileHoverCard> 365 + </View> 366 + </Link> 375 367 {showFollowButton && ( 376 - <View> 368 + <View collapsable={false}> 377 369 <PostThreadFollowBtn did={post.author.did} /> 378 370 </View> 379 371 )}