From 3a1013906494fc0399b908b8ffbba548f00ec976 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Sun, 20 Nov 2022 11:32:13 -0600
Subject: Remove downvotes from the UI

---
 src/view/com/util/LoadingPlaceholder.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 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 c198407de..b08e11595 100644
--- a/src/view/com/util/LoadingPlaceholder.tsx
+++ b/src/view/com/util/LoadingPlaceholder.tsx
@@ -9,7 +9,7 @@ import {
 } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {UpIcon, DownIcon} from '../../lib/icons'
+import {UpIcon} from '../../lib/icons'
 import {s, colors} from '../../lib/styles'
 
 export function LoadingPlaceholder({
@@ -102,9 +102,7 @@ export function PostLoadingPlaceholder({
           <View style={s.flex1}>
             <UpIcon style={s.gray3} size={18} />
           </View>
-          <View style={s.flex1}>
-            <DownIcon style={s.gray3} size={18} />
-          </View>
+          <View style={s.flex1}></View>
         </View>
       </View>
     </View>
-- 
cgit 1.4.1


From 63348807b59ec82a905aa2a1164a1484e61aa29a Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Sun, 20 Nov 2022 11:45:31 -0600
Subject: Adjust post control sizing and alignment

---
 src/view/com/util/LoadingPlaceholder.tsx |  6 +++---
 src/view/com/util/PostCtrls.tsx          | 18 ++++++++----------
 src/view/lib/icons.tsx                   |  4 +++-
 3 files changed, 14 insertions(+), 14 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 b08e11595..ed94c5502 100644
--- a/src/view/com/util/LoadingPlaceholder.tsx
+++ b/src/view/com/util/LoadingPlaceholder.tsx
@@ -93,14 +93,14 @@ export function PostLoadingPlaceholder({
             <FontAwesomeIcon
               style={s.gray3}
               icon={['far', 'comment']}
-              size={14}
+              size={16}
             />
           </View>
           <View style={s.flex1}>
-            <FontAwesomeIcon style={s.gray3} icon="retweet" size={18} />
+            <FontAwesomeIcon style={s.gray3} icon="retweet" size={20} />
           </View>
           <View style={s.flex1}>
-            <UpIcon style={s.gray3} size={18} />
+            <UpIcon style={s.gray3} size={18} strokeWidth={1.7} />
           </View>
           <View style={s.flex1}></View>
         </View>
diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx
index 6d766951f..b22475086 100644
--- a/src/view/com/util/PostCtrls.tsx
+++ b/src/view/com/util/PostCtrls.tsx
@@ -59,9 +59,9 @@ export function PostCtrls(opts: PostCtrlsOpts) {
           <FontAwesomeIcon
             style={styles.ctrlIcon}
             icon={['far', 'comment']}
-            size={14}
+            size={16}
           />
-          <Text style={[s.gray5, s.ml5, s.f13]}>{opts.replyCount}</Text>
+          <Text style={[s.gray5, s.ml5, s.f16]}>{opts.replyCount}</Text>
         </TouchableOpacity>
       </View>
       <View style={s.flex1}>
@@ -74,14 +74,14 @@ export function PostCtrls(opts: PostCtrlsOpts) {
                 opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon
               }
               icon="retweet"
-              size={18}
+              size={20}
             />
           </Animated.View>
           <Text
             style={
               opts.isReposted
-                ? [s.bold, s.green3, s.f13, s.ml5]
-                : [s.gray5, s.f13, s.ml5]
+                ? [s.bold, s.green3, s.f16, s.ml5]
+                : [s.gray5, s.f16, s.ml5]
             }>
             {opts.repostCount}
           </Text>
@@ -95,14 +95,14 @@ export function PostCtrls(opts: PostCtrlsOpts) {
             {opts.isUpvoted ? (
               <UpIconSolid style={styles.ctrlIconUpvoted} size={18} />
             ) : (
-              <UpIcon style={styles.ctrlIcon} size={18} />
+              <UpIcon style={styles.ctrlIcon} size={18} strokeWidth={1.7} />
             )}
           </Animated.View>
           <Text
             style={
               opts.isUpvoted
-                ? [s.bold, s.red3, s.f13, s.ml5]
-                : [s.gray5, s.f13, s.ml5]
+                ? [s.bold, s.red3, s.f16, s.ml5]
+                : [s.gray5, s.f16, s.ml5]
             }>
             {opts.upvoteCount}
           </Text>
@@ -116,12 +116,10 @@ export function PostCtrls(opts: PostCtrlsOpts) {
 const styles = StyleSheet.create({
   ctrls: {
     flexDirection: 'row',
-    paddingRight: 20,
   },
   ctrl: {
     flexDirection: 'row',
     alignItems: 'center',
-    paddingLeft: 4,
     paddingRight: 4,
   },
   ctrlIcon: {
diff --git a/src/view/lib/icons.tsx b/src/view/lib/icons.tsx
index c160df3cc..b3f52a62e 100644
--- a/src/view/lib/icons.tsx
+++ b/src/view/lib/icons.tsx
@@ -221,9 +221,11 @@ export function UserGroupIcon({
 export function UpIcon({
   style,
   size,
+  strokeWidth = 1.3,
 }: {
   style?: StyleProp<ViewStyle>
   size?: string | number
+  strokeWidth: number
 }) {
   return (
     <Svg
@@ -232,7 +234,7 @@ export function UpIcon({
       height={size || 24}
       style={style}>
       <Path
-        strokeWidth={1.3}
+        strokeWidth={strokeWidth}
         stroke="currentColor"
         d="M 7 3 L 2 8 L 4.5 8 L 4.5 11.5 L 9.5 11.5 L 9.5 8 L 12 8 L 7 3 Z"
       />
-- 
cgit 1.4.1


From 7e487fd5ae053ebb4373b85f1b3d7aa66f8a0241 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Sun, 20 Nov 2022 16:29:43 -0600
Subject: Adjust control alignment

---
 src/view/com/util/LoadingPlaceholder.tsx |  2 +-
 src/view/com/util/PostCtrls.tsx          | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 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 ed94c5502..5ccd1bd14 100644
--- a/src/view/com/util/LoadingPlaceholder.tsx
+++ b/src/view/com/util/LoadingPlaceholder.tsx
@@ -100,7 +100,7 @@ export function PostLoadingPlaceholder({
             <FontAwesomeIcon style={s.gray3} icon="retweet" size={20} />
           </View>
           <View style={s.flex1}>
-            <UpIcon style={s.gray3} size={18} strokeWidth={1.7} />
+            <UpIcon style={s.gray3} size={19} strokeWidth={1.7} />
           </View>
           <View style={s.flex1}></View>
         </View>
diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx
index b22475086..144351d85 100644
--- a/src/view/com/util/PostCtrls.tsx
+++ b/src/view/com/util/PostCtrls.tsx
@@ -61,7 +61,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
             icon={['far', 'comment']}
             size={16}
           />
-          <Text style={[s.gray5, s.ml5, s.f16]}>{opts.replyCount}</Text>
+          <Text style={[s.gray5, s.ml5, s.f17]}>{opts.replyCount}</Text>
         </TouchableOpacity>
       </View>
       <View style={s.flex1}>
@@ -80,8 +80,8 @@ export function PostCtrls(opts: PostCtrlsOpts) {
           <Text
             style={
               opts.isReposted
-                ? [s.bold, s.green3, s.f16, s.ml5]
-                : [s.gray5, s.f16, s.ml5]
+                ? [s.bold, s.green3, s.f17, s.ml5]
+                : [s.gray5, s.f17, s.ml5]
             }>
             {opts.repostCount}
           </Text>
@@ -93,16 +93,16 @@ export function PostCtrls(opts: PostCtrlsOpts) {
           onPress={onPressToggleUpvoteWrapper}>
           <Animated.View style={anim2Style}>
             {opts.isUpvoted ? (
-              <UpIconSolid style={styles.ctrlIconUpvoted} size={18} />
+              <UpIconSolid style={[styles.ctrlIconUpvoted]} size={19} />
             ) : (
-              <UpIcon style={styles.ctrlIcon} size={18} strokeWidth={1.7} />
+              <UpIcon style={[styles.ctrlIcon]} size={20} strokeWidth={1.5} />
             )}
           </Animated.View>
           <Text
             style={
               opts.isUpvoted
-                ? [s.bold, s.red3, s.f16, s.ml5]
-                : [s.gray5, s.f16, s.ml5]
+                ? [s.bold, s.red3, s.f17, s.ml5]
+                : [s.gray5, s.f17, s.ml5]
             }>
             {opts.upvoteCount}
           </Text>
-- 
cgit 1.4.1

