Fix avatar click target in posts
This commit is contained in:
@@ -99,13 +99,15 @@ export const PostThreadItem = observer(function PostThreadItem({
|
|||||||
return (
|
return (
|
||||||
<View style={styles.outer}>
|
<View style={styles.outer}>
|
||||||
<View style={styles.layout}>
|
<View style={styles.layout}>
|
||||||
<Link style={styles.layoutAvi} href={authorHref} title={authorTitle}>
|
<View style={styles.layoutAvi}>
|
||||||
|
<Link href={authorHref} title={authorTitle}>
|
||||||
<UserAvatar
|
<UserAvatar
|
||||||
size={50}
|
size={50}
|
||||||
displayName={item.author.displayName}
|
displayName={item.author.displayName}
|
||||||
handle={item.author.handle}
|
handle={item.author.handle}
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
|
</View>
|
||||||
<View style={styles.layoutContent}>
|
<View style={styles.layoutContent}>
|
||||||
<View style={[styles.meta, {paddingTop: 5, paddingBottom: 0}]}>
|
<View style={[styles.meta, {paddingTop: 5, paddingBottom: 0}]}>
|
||||||
<Link
|
<Link
|
||||||
@@ -255,13 +257,15 @@ export const PostThreadItem = observer(function PostThreadItem({
|
|||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
<View style={styles.layout}>
|
<View style={styles.layout}>
|
||||||
<Link style={styles.layoutAvi} href={authorHref} title={authorTitle}>
|
<View style={styles.layoutAvi}>
|
||||||
|
<Link href={authorHref} title={authorTitle}>
|
||||||
<UserAvatar
|
<UserAvatar
|
||||||
size={50}
|
size={50}
|
||||||
displayName={item.author.displayName}
|
displayName={item.author.displayName}
|
||||||
handle={item.author.handle}
|
handle={item.author.handle}
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
|
</View>
|
||||||
<View style={styles.layoutContent}>
|
<View style={styles.layoutContent}>
|
||||||
<PostMeta
|
<PostMeta
|
||||||
itemHref={itemHref}
|
itemHref={itemHref}
|
||||||
|
|||||||
@@ -110,13 +110,15 @@ export const Post = observer(function Post({uri}: {uri: string}) {
|
|||||||
return (
|
return (
|
||||||
<Link style={styles.outer} href={itemHref} title={itemTitle}>
|
<Link style={styles.outer} href={itemHref} title={itemTitle}>
|
||||||
<View style={styles.layout}>
|
<View style={styles.layout}>
|
||||||
<Link style={styles.layoutAvi} href={authorHref} title={authorTitle}>
|
<View style={styles.layoutAvi}>
|
||||||
|
<Link href={authorHref} title={authorTitle}>
|
||||||
<UserAvatar
|
<UserAvatar
|
||||||
size={50}
|
size={50}
|
||||||
displayName={item.author.displayName}
|
displayName={item.author.displayName}
|
||||||
handle={item.author.handle}
|
handle={item.author.handle}
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
|
</View>
|
||||||
<View style={styles.layoutContent}>
|
<View style={styles.layoutContent}>
|
||||||
<PostMeta
|
<PostMeta
|
||||||
itemHref={itemHref}
|
itemHref={itemHref}
|
||||||
|
|||||||
@@ -107,16 +107,15 @@ export const FeedItem = observer(function FeedItem({
|
|||||||
</Link>
|
</Link>
|
||||||
)}
|
)}
|
||||||
<View style={styles.layout}>
|
<View style={styles.layout}>
|
||||||
<Link
|
<View style={styles.layoutAvi}>
|
||||||
style={styles.layoutAvi}
|
<Link href={authorHref} title={item.author.handle}>
|
||||||
href={authorHref}
|
|
||||||
title={item.author.handle}>
|
|
||||||
<UserAvatar
|
<UserAvatar
|
||||||
size={50}
|
size={50}
|
||||||
displayName={item.author.displayName}
|
displayName={item.author.displayName}
|
||||||
handle={item.author.handle}
|
handle={item.author.handle}
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
|
</View>
|
||||||
<View style={styles.layoutContent}>
|
<View style={styles.layoutContent}>
|
||||||
<PostMeta
|
<PostMeta
|
||||||
itemHref={itemHref}
|
itemHref={itemHref}
|
||||||
|
|||||||
Reference in New Issue
Block a user