From 813499ad520839d7f89c431a380ac4b355998d11 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 27 Aug 2025 10:21:15 -0500
Subject: [PATCH] Finesse post controls

---
 src/components/PostControls/index.tsx | 104 ++++++++++++--------------
 1 file changed, 48 insertions(+), 56 deletions(-)

diff --git a/src/components/PostControls/index.tsx b/src/components/PostControls/index.tsx
index 27f12f372c..b25c012ba2 100644
--- a/src/components/PostControls/index.tsx
+++ b/src/components/PostControls/index.tsx
@@ -196,7 +196,7 @@ let PostControls = ({
       <View style={[a.flex_row, a.justify_between, a.flex_1]}>
         <View
           style={[
-            big ? a.align_center : [a.flex_1, a.align_start, {marginLeft: -6}],
+            {marginLeft: big ? -2 : -6},
             replyDisabled ? {opacity: 0.5} : undefined,
           ]}>
           <PostControlButton
@@ -225,65 +225,57 @@ let PostControls = ({
             )}
           </PostControlButton>
         </View>
-        <View style={big ? a.align_center : [a.flex_1, a.align_start]}>
-          <RepostButton
-            isReposted={!!post.viewer?.repost}
-            repostCount={(post.repostCount ?? 0) + (post.quoteCount ?? 0)}
-            onRepost={onRepost}
-            onQuote={onQuote}
+        <RepostButton
+          isReposted={!!post.viewer?.repost}
+          repostCount={(post.repostCount ?? 0) + (post.quoteCount ?? 0)}
+          onRepost={onRepost}
+          onQuote={onQuote}
+          big={big}
+          embeddingDisabled={Boolean(post.viewer?.embeddingDisabled)}
+        />
+        <PostControlButton
+          testID="likeBtn"
+          big={big}
+          onPress={() => requireAuth(() => onPressToggleLike())}
+          label={
+            post.viewer?.like
+              ? _(
+                  msg({
+                    message: `Unlike (${plural(post.likeCount || 0, {
+                      one: '# like',
+                      other: '# likes',
+                    })})`,
+                    comment:
+                      'Accessibility label for the like button when the post has been liked, verb followed by number of likes and noun',
+                  }),
+                )
+              : _(
+                  msg({
+                    message: `Like (${plural(post.likeCount || 0, {
+                      one: '# like',
+                      other: '# likes',
+                    })})`,
+                    comment:
+                      'Accessibility label for the like button when the post has not been liked, verb form followed by number of likes and noun form',
+                  }),
+                )
+          }>
+          <AnimatedLikeIcon
+            isLiked={Boolean(post.viewer?.like)}
             big={big}
-            embeddingDisabled={Boolean(post.viewer?.embeddingDisabled)}
+            hasBeenToggled={hasLikeIconBeenToggled}
           />
-        </View>
-        <View style={big ? a.align_center : [a.flex_1, a.align_start]}>
-          <PostControlButton
-            testID="likeBtn"
+          <CountWheel
+            likeCount={post.likeCount ?? 0}
             big={big}
-            onPress={() => requireAuth(() => onPressToggleLike())}
-            label={
-              post.viewer?.like
-                ? _(
-                    msg({
-                      message: `Unlike (${plural(post.likeCount || 0, {
-                        one: '# like',
-                        other: '# likes',
-                      })})`,
-                      comment:
-                        'Accessibility label for the like button when the post has been liked, verb followed by number of likes and noun',
-                    }),
-                  )
-                : _(
-                    msg({
-                      message: `Like (${plural(post.likeCount || 0, {
-                        one: '# like',
-                        other: '# likes',
-                      })})`,
-                      comment:
-                        'Accessibility label for the like button when the post has not been liked, verb form followed by number of likes and noun form',
-                    }),
-                  )
-            }>
-            <AnimatedLikeIcon
-              isLiked={Boolean(post.viewer?.like)}
-              big={big}
-              hasBeenToggled={hasLikeIconBeenToggled}
-            />
-            <CountWheel
-              likeCount={post.likeCount ?? 0}
-              big={big}
-              isLiked={Boolean(post.viewer?.like)}
-              hasBeenToggled={hasLikeIconBeenToggled}
-            />
-          </PostControlButton>
-        </View>
+            isLiked={Boolean(post.viewer?.like)}
+            hasBeenToggled={hasLikeIconBeenToggled}
+          />
+        </PostControlButton>
+        {/* Spacer! */}
+        <View />
       </View>
-      <View
-        style={[
-          a.flex_row,
-          a.justify_end,
-          a.flex_1,
-          big ? a.gap_sm : a.gap_xs,
-        ]}>
+      <View style={[a.flex_row, a.justify_end, big && a.gap_sm]}>
         <BookmarkButton post={post} big={big} />
         <ShareMenuButton
           testID="postShareBtn"