From ad3067b581f733e7884dcdcfc09946a83be6dc11 Mon Sep 17 00:00:00 2001
From: dan <dan.abramov@gmail.com>
Date: Fri, 26 Jan 2024 21:45:22 +0000
Subject: Adjust placeholder to be pixel-perfect (#2650)

---
 src/view/com/util/LoadingPlaceholder.tsx | 45 ++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 17 deletions(-)

(limited to 'src/view/com/util/LoadingPlaceholder.tsx')

diff --git a/src/view/com/util/LoadingPlaceholder.tsx b/src/view/com/util/LoadingPlaceholder.tsx
index 32c99e224..6dfe12598 100644
--- a/src/view/com/util/LoadingPlaceholder.tsx
+++ b/src/view/com/util/LoadingPlaceholder.tsx
@@ -67,28 +67,36 @@ export function PostLoadingPlaceholder({
         <LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
         <LoadingPlaceholder width="80%" height={6} style={{marginBottom: 11}} />
         <View style={styles.postCtrls}>
-          <View style={[styles.postCtrl, {paddingLeft: 0}]}>
-            <CommentBottomArrow
-              style={[{color: theme.palette.default.icon, marginTop: 1}]}
-              strokeWidth={3}
-              size={15}
-            />
+          <View style={styles.postCtrl}>
+            <View style={[styles.postBtn, {paddingLeft: 0}]}>
+              <CommentBottomArrow
+                style={[{color: theme.palette.default.icon, marginTop: 1}]}
+                strokeWidth={3}
+                size={15}
+              />
+            </View>
+          </View>
+          <View style={styles.postCtrl}>
+            <View style={styles.postBtn}>
+              <RepostIcon
+                style={{color: theme.palette.default.icon}}
+                strokeWidth={3}
+                size={20}
+              />
+            </View>
           </View>
           <View style={styles.postCtrl}>
-            <RepostIcon
-              style={{color: theme.palette.default.icon}}
-              strokeWidth={3}
-              size={20}
-            />
+            <View style={styles.postBtn}>
+              <HeartIcon
+                style={{color: theme.palette.default.icon} as ViewStyle}
+                size={16}
+                strokeWidth={3}
+              />
+            </View>
           </View>
           <View style={styles.postCtrl}>
-            <HeartIcon
-              style={{color: theme.palette.default.icon} as ViewStyle}
-              size={16}
-              strokeWidth={3}
-            />
+            <View style={styles.postBtn} />
           </View>
-          <View style={styles.postCtrl} />
         </View>
       </View>
     </View>
@@ -279,6 +287,9 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
   },
   postCtrl: {
+    flex: 1,
+  },
+  postBtn: {
     padding: 5,
     flex: 1,
     flexDirection: 'row',
-- 
cgit 1.4.1

