+6

src/alf/atoms.ts

··· 979 979 hidden: { 980 980 display: 'none', 981 981 }, 982 982 + inline: web({ 983 983 + display: 'inline', 984 984 + }), 985 985 + block: web({ 986 986 + display: 'block', 987 987 + }), 982 988 983 989 /* 984 990 * Transition

+1 -1

src/components/ProfileHoverCard/index.tsx

··· 1 1 - import {ProfileHoverCardProps} from './types' 1 1 + import {type ProfileHoverCardProps} from './types' 2 2 3 3 export function ProfileHoverCard({children}: ProfileHoverCardProps) { 4 4 return children

+4 -2

src/components/ProfileHoverCard/index.web.tsx

··· 74 74 return props.children 75 75 } else { 76 76 return ( 77 77 - <View onPointerMove={onPointerMove} style={[a.flex_shrink, props.style]}> 77 77 + <View 78 78 + onPointerMove={onPointerMove} 79 79 + style={[a.flex_shrink, props.inline && a.inline, props.style]}> 78 80 <ProfileHoverCardInner {...props} /> 79 81 </View> 80 82 ) ··· 326 328 onPointerLeave={onPointerLeaveTarget} 327 329 // @ts-ignore web only prop 328 330 onMouseUp={onPress} 329 329 - style={{flexShrink: 1}}> 331 331 + style={[a.flex_shrink, props.inline && a.inline]}> 330 332 {props.children} 331 333 {isVisible && ( 332 334 <Portal>

+1

src/components/ProfileHoverCard/types.ts

··· 6 6 children: React.ReactNode 7 7 did: string 8 8 disable?: boolean 9 9 + inline?: boolean 9 10 }

+29 -27

src/view/com/notifications/NotificationFeedItem.tsx

··· 209 209 } 210 210 211 211 const firstAuthorLink = ( 212 212 - <InlineLinkText 213 213 - key={firstAuthor.href} 214 214 - style={[t.atoms.text, a.font_bold, a.text_md, a.leading_tight]} 215 215 - to={firstAuthor.href} 216 216 - disableMismatchWarning 217 217 - emoji 218 218 - label={_(msg`Go to ${firstAuthorName}'s profile`)}> 219 219 - {forceLTR(firstAuthorName)} 220 220 - {firstAuthorVerification.showBadge && ( 221 221 - <View 222 222 - style={[ 223 223 - a.relative, 224 224 - { 225 225 - paddingTop: platform({android: 2}), 226 226 - marginBottom: platform({ios: -7}), 227 227 - top: platform({web: 1}), 228 228 - paddingLeft: 3, 229 229 - paddingRight: 2, 230 230 - }, 231 231 - ]}> 232 232 - <VerificationCheck 233 233 - width={14} 234 234 - verifier={firstAuthorVerification.role === 'verifier'} 235 235 - /> 236 236 - </View> 237 237 - )} 238 238 - </InlineLinkText> 212 212 + <ProfileHoverCard did={firstAuthor.profile.did} inline> 213 213 + <InlineLinkText 214 214 + key={firstAuthor.href} 215 215 + style={[t.atoms.text, a.font_bold, a.text_md, a.leading_tight]} 216 216 + to={firstAuthor.href} 217 217 + disableMismatchWarning 218 218 + emoji 219 219 + label={_(msg`Go to ${firstAuthorName}'s profile`)}> 220 220 + {forceLTR(firstAuthorName)} 221 221 + {firstAuthorVerification.showBadge && ( 222 222 + <View 223 223 + style={[ 224 224 + a.relative, 225 225 + { 226 226 + paddingTop: platform({android: 2}), 227 227 + marginBottom: platform({ios: -7}), 228 228 + top: platform({web: 1}), 229 229 + paddingLeft: 3, 230 230 + paddingRight: 2, 231 231 + }, 232 232 + ]}> 233 233 + <VerificationCheck 234 234 + width={14} 235 235 + verifier={firstAuthorVerification.role === 'verifier'} 236 236 + /> 237 237 + </View> 238 238 + )} 239 239 + </InlineLinkText> 240 240 + </ProfileHoverCard> 239 241 ) 240 242 const additionalAuthorsCount = authors.length - 1 241 243 const hasMultipleAuthors = additionalAuthorsCount > 0