+1 -1

src/components/ProfileHoverCard/index.web.tsx

reviewed

··· 74 74 return props.children 75 75 } else { 76 76 return ( 77 77 - <View onPointerMove={onPointerMove} style={[a.flex_shrink]}> 77 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

reviewed

··· 1 1 import type React from 'react' 2 2 3 3 - export type ProfileHoverCardProps = { 4 4 - children: React.ReactElement 3 3 + import {type ViewStyleProp} from '#/alf' 4 4 + 5 5 + export type ProfileHoverCardProps = ViewStyleProp & { 6 6 + children: React.ReactNode 5 7 did: string 6 8 disable?: boolean 7 9 }

+44 -52

src/screens/PostThread/components/ThreadItemAnchor.tsx

reviewed

··· 311 311 isRoot && [a.pt_lg], 312 312 ]}> 313 313 <View style={[a.flex_row, a.gap_md, a.pb_md]}> 314 314 - <PreviewableUserAvatar 315 315 - size={42} 316 316 - profile={post.author} 317 317 - moderation={moderation.ui('avatar')} 318 318 - type={post.author.associated?.labeler ? 'labeler' : 'user'} 319 319 - live={live} 320 320 - onBeforePress={onOpenAuthor} 321 321 - /> 322 322 - <View style={[a.flex_1, a.align_start]}> 323 323 - <ProfileHoverCard did={post.author.did}> 324 324 - <View style={[a.flex_1]}> 314 314 + <View collapsable={false}> 315 315 + <PreviewableUserAvatar 316 316 + size={42} 317 317 + profile={post.author} 318 318 + moderation={moderation.ui('avatar')} 319 319 + type={post.author.associated?.labeler ? 'labeler' : 'user'} 320 320 + live={live} 321 321 + onBeforePress={onOpenAuthor} 322 322 + /> 323 323 + </View> 324 324 + <Link 325 325 + to={authorHref} 326 326 + style={[a.flex_1]} 327 327 + label={sanitizeDisplayName( 328 328 + post.author.displayName || sanitizeHandle(post.author.handle), 329 329 + moderation.ui('displayName'), 330 330 + )} 331 331 + onPress={onOpenAuthor}> 332 332 + <View style={[a.flex_1, a.align_start]}> 333 333 + <ProfileHoverCard did={post.author.did} style={[a.w_full]}> 325 334 <View style={[a.flex_row, a.align_center]}> 326 326 - <Link 327 327 - to={authorHref} 328 328 - style={[a.flex_shrink]} 329 329 - label={sanitizeDisplayName( 335 335 + <Text 336 336 + emoji 337 337 + style={[ 338 338 + a.flex_shrink, 339 339 + a.text_lg, 340 340 + a.font_bold, 341 341 + a.leading_snug, 342 342 + ]} 343 343 + numberOfLines={1}> 344 344 + {sanitizeDisplayName( 330 345 post.author.displayName || 331 346 sanitizeHandle(post.author.handle), 332 347 moderation.ui('displayName'), 333 348 )} 334 334 - onPress={onOpenAuthor}> 335 335 - <Text 336 336 - emoji 337 337 - style={[ 338 338 - a.text_lg, 339 339 - a.font_bold, 340 340 - a.leading_snug, 341 341 - a.self_start, 342 342 - ]} 343 343 - numberOfLines={1}> 344 344 - {sanitizeDisplayName( 345 345 - post.author.displayName || 346 346 - sanitizeHandle(post.author.handle), 347 347 - moderation.ui('displayName'), 348 348 - )} 349 349 - </Text> 350 350 - </Link> 349 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 356 - <View style={[a.align_start]}> 357 357 - <Link 358 358 - style={[a.flex_shrink]} 359 359 - to={authorHref} 360 360 - label={sanitizeHandle(post.author.handle, '@')}> 361 361 - <Text 362 362 - style={[ 363 363 - a.text_md, 364 364 - a.leading_snug, 365 365 - t.atoms.text_contrast_medium, 366 366 - ]} 367 367 - numberOfLines={1}> 368 368 - {sanitizeHandle(post.author.handle, '@')} 369 369 - </Text> 370 370 - </Link> 371 371 - </View> 372 372 - </View> 373 373 - </ProfileHoverCard> 374 374 - </View> 355 355 + <Text 356 356 + style={[ 357 357 + a.text_md, 358 358 + a.leading_snug, 359 359 + t.atoms.text_contrast_medium, 360 360 + ]} 361 361 + numberOfLines={1}> 362 362 + {sanitizeHandle(post.author.handle, '@')} 363 363 + </Text> 364 364 + </ProfileHoverCard> 365 365 + </View> 366 366 + </Link> 375 367 {showFollowButton && ( 376 376 - <View> 368 368 + <View collapsable={false}> 377 369 <PostThreadFollowBtn did={post.author.did} /> 378 370 </View> 379 371 )}