From 3b55f61d5f0111287be56b76a1a342256d3f2a95 Mon Sep 17 00:00:00 2001
From: dan <dan.abramov@gmail.com>
Date: Tue, 4 Jun 2024 00:38:12 +0100
Subject: [PATCH] Avi follow experiment tweaks (#4341)

* Move avi button to visually align content

* Fix wrong prop warning

* Remove avi follow from post thread
---
 src/view/com/post-thread/PostThreadItem.tsx | 17 ++++++-----------
 src/view/com/posts/AviFollowButton.tsx      |  4 ++--
 src/view/com/posts/AviFollowButton.web.tsx  |  6 +++++-
 3 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index 096305a2..4827aef5 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -40,7 +40,6 @@ import {LabelsOnMyPost} from '../../../components/moderation/LabelsOnMe'
 import {PostAlerts} from '../../../components/moderation/PostAlerts'
 import {PostHider} from '../../../components/moderation/PostHider'
 import {getTranslatorLink, isPostInLanguage} from '../../../locale/helpers'
-import {AviFollowButton} from '../posts/AviFollowButton'
 import {WhoCanReply} from '../threadgate/WhoCanReply'
 import {ErrorMessage} from '../util/error/ErrorMessage'
 import {Link, TextLink} from '../util/Link'
@@ -472,16 +471,12 @@ let PostThreadItemLoaded = ({
               {/* If we are in threaded mode, the avatar is rendered in PostMeta */}
               {!isThreadedChild && (
                 <View style={styles.layoutAvi}>
-                  <AviFollowButton author={post.author} moderation={moderation}>
-                    <PreviewableUserAvatar
-                      size={38}
-                      profile={post.author}
-                      moderation={moderation.ui('avatar')}
-                      type={
-                        post.author.associated?.labeler ? 'labeler' : 'user'
-                      }
-                    />
-                  </AviFollowButton>
+                  <PreviewableUserAvatar
+                    size={38}
+                    profile={post.author}
+                    moderation={moderation.ui('avatar')}
+                    type={post.author.associated?.labeler ? 'labeler' : 'user'}
+                  />
 
                   {showChildReplyLine && (
                     <View
diff --git a/src/view/com/posts/AviFollowButton.tsx b/src/view/com/posts/AviFollowButton.tsx
index 7a7b513c..0497c80b 100644
--- a/src/view/com/posts/AviFollowButton.tsx
+++ b/src/view/com/posts/AviFollowButton.tsx
@@ -97,8 +97,8 @@ export function AviFollowButton({
             }),
             a.absolute,
             {
-              bottom: 0,
-              right: 0,
+              bottom: -1,
+              right: -1,
               borderWidth: 1,
               borderColor: t.atoms.bg.backgroundColor,
             },
diff --git a/src/view/com/posts/AviFollowButton.web.tsx b/src/view/com/posts/AviFollowButton.web.tsx
index 6ad3c9f1..90b2ddee 100644
--- a/src/view/com/posts/AviFollowButton.web.tsx
+++ b/src/view/com/posts/AviFollowButton.web.tsx
@@ -1 +1,5 @@
-export {Fragment as AviFollowButton} from 'react'
+import React from 'react'
+
+export function AviFollowButton({children}: {children: React.ReactNode}) {
+  return children
+}