Fix anchor follow button alignment (#8522)

This commit is contained in:
Eric Bailey
2025-06-18 11:24:27 -05:00
committed by GitHub
parent f83335f110
commit 32ba17a4f1
@@ -319,57 +319,59 @@ const ThreadItemAnchorInner = memo(function ThreadItemAnchorInner({
live={live} live={live}
onBeforePress={onOpenAuthor} onBeforePress={onOpenAuthor}
/> />
<ProfileHoverCard did={post.author.did}> <View style={[a.flex_1, a.align_start]}>
<View style={[a.flex_1]}> <ProfileHoverCard did={post.author.did}>
<View style={[a.flex_row, a.align_center]}> <View style={[a.flex_1]}>
<Link <View style={[a.flex_row, a.align_center]}>
to={authorHref} <Link
style={[a.flex_shrink]} to={authorHref}
label={sanitizeDisplayName( style={[a.flex_shrink]}
post.author.displayName || label={sanitizeDisplayName(
sanitizeHandle(post.author.handle),
moderation.ui('displayName'),
)}
onPress={onOpenAuthor}>
<Text
emoji
style={[
a.text_lg,
a.font_bold,
a.leading_snug,
a.self_start,
]}
numberOfLines={1}>
{sanitizeDisplayName(
post.author.displayName || post.author.displayName ||
sanitizeHandle(post.author.handle), sanitizeHandle(post.author.handle),
moderation.ui('displayName'), moderation.ui('displayName'),
)} )}
</Text> onPress={onOpenAuthor}>
</Link> <Text
emoji
style={[
a.text_lg,
a.font_bold,
a.leading_snug,
a.self_start,
]}
numberOfLines={1}>
{sanitizeDisplayName(
post.author.displayName ||
sanitizeHandle(post.author.handle),
moderation.ui('displayName'),
)}
</Text>
</Link>
<View style={[{paddingLeft: 3, top: -1}]}> <View style={[{paddingLeft: 3, top: -1}]}>
<VerificationCheckButton profile={authorShadow} size="md" /> <VerificationCheckButton profile={authorShadow} size="md" />
</View>
</View>
<View style={[a.align_start]}>
<Link
style={[a.flex_shrink]}
to={authorHref}
label={sanitizeHandle(post.author.handle, '@')}>
<Text
style={[
a.text_md,
a.leading_snug,
t.atoms.text_contrast_medium,
]}
numberOfLines={1}>
{sanitizeHandle(post.author.handle, '@')}
</Text>
</Link>
</View> </View>
</View> </View>
<View style={[a.align_start]}> </ProfileHoverCard>
<Link </View>
style={[a.flex_shrink]}
to={authorHref}
label={sanitizeHandle(post.author.handle, '@')}>
<Text
style={[
a.text_md,
a.leading_snug,
t.atoms.text_contrast_medium,
]}
numberOfLines={1}>
{sanitizeHandle(post.author.handle, '@')}
</Text>
</Link>
</View>
</View>
</ProfileHoverCard>
{showFollowButton && ( {showFollowButton && (
<View> <View>
<PostThreadFollowBtn did={post.author.did} /> <PostThreadFollowBtn did={post.author.did} />