From ff68e5b85a3042d008a06cd3e9b2e760d8c159af Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Fri, 18 Nov 2022 10:48:18 -0600
Subject: Fix avatar click target in posts

---
 src/view/com/post-thread/PostThreadItem.tsx | 32 ++++++++++++++++-------------
 src/view/com/post/Post.tsx                  | 16 ++++++++-------
 src/view/com/posts/FeedItem.tsx             | 19 ++++++++---------
 3 files changed, 36 insertions(+), 31 deletions(-)

(limited to 'src')

diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index b7656702a..6c2f77030 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -99,13 +99,15 @@ export const PostThreadItem = observer(function PostThreadItem({
     return (
       <View style={styles.outer}>
         <View style={styles.layout}>
-          <Link style={styles.layoutAvi} href={authorHref} title={authorTitle}>
-            <UserAvatar
-              size={50}
-              displayName={item.author.displayName}
-              handle={item.author.handle}
-            />
-          </Link>
+          <View style={styles.layoutAvi}>
+            <Link href={authorHref} title={authorTitle}>
+              <UserAvatar
+                size={50}
+                displayName={item.author.displayName}
+                handle={item.author.handle}
+              />
+            </Link>
+          </View>
           <View style={styles.layoutContent}>
             <View style={[styles.meta, {paddingTop: 5, paddingBottom: 0}]}>
               <Link
@@ -255,13 +257,15 @@ export const PostThreadItem = observer(function PostThreadItem({
           </View>
         )}
         <View style={styles.layout}>
-          <Link style={styles.layoutAvi} href={authorHref} title={authorTitle}>
-            <UserAvatar
-              size={50}
-              displayName={item.author.displayName}
-              handle={item.author.handle}
-            />
-          </Link>
+          <View style={styles.layoutAvi}>
+            <Link href={authorHref} title={authorTitle}>
+              <UserAvatar
+                size={50}
+                displayName={item.author.displayName}
+                handle={item.author.handle}
+              />
+            </Link>
+          </View>
           <View style={styles.layoutContent}>
             <PostMeta
               itemHref={itemHref}
diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx
index 7d2edff4c..3ed56ca1f 100644
--- a/src/view/com/post/Post.tsx
+++ b/src/view/com/post/Post.tsx
@@ -110,13 +110,15 @@ export const Post = observer(function Post({uri}: {uri: string}) {
   return (
     <Link style={styles.outer} href={itemHref} title={itemTitle}>
       <View style={styles.layout}>
-        <Link style={styles.layoutAvi} href={authorHref} title={authorTitle}>
-          <UserAvatar
-            size={50}
-            displayName={item.author.displayName}
-            handle={item.author.handle}
-          />
-        </Link>
+        <View style={styles.layoutAvi}>
+          <Link href={authorHref} title={authorTitle}>
+            <UserAvatar
+              size={50}
+              displayName={item.author.displayName}
+              handle={item.author.handle}
+            />
+          </Link>
+        </View>
         <View style={styles.layoutContent}>
           <PostMeta
             itemHref={itemHref}
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index e4c54b32a..ba3c32706 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -107,16 +107,15 @@ export const FeedItem = observer(function FeedItem({
         </Link>
       )}
       <View style={styles.layout}>
-        <Link
-          style={styles.layoutAvi}
-          href={authorHref}
-          title={item.author.handle}>
-          <UserAvatar
-            size={50}
-            displayName={item.author.displayName}
-            handle={item.author.handle}
-          />
-        </Link>
+        <View style={styles.layoutAvi}>
+          <Link href={authorHref} title={item.author.handle}>
+            <UserAvatar
+              size={50}
+              displayName={item.author.displayName}
+              handle={item.author.handle}
+            />
+          </Link>
+        </View>
         <View style={styles.layoutContent}>
           <PostMeta
             itemHref={itemHref}
-- 
cgit 1.4.1