diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx index 6cd374d8..ae53c8d1 100644 --- a/src/view/com/posts/FeedItem.tsx +++ b/src/view/com/posts/FeedItem.tsx @@ -310,10 +310,10 @@ const styles = StyleSheet.create({ flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', - paddingBottom: 8, + paddingBottom: 4, }, postEmbeds: { - marginBottom: 10, + marginBottom: 0, }, viewFullThread: { paddingTop: 12, diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx index ac10e92f..4bc33110 100644 --- a/src/view/com/util/PostCtrls.tsx +++ b/src/view/com/util/PostCtrls.tsx @@ -3,7 +3,7 @@ import {Animated, StyleSheet, TouchableOpacity, View} from 'react-native' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import ReactNativeHapticFeedback from 'react-native-haptic-feedback' import {Text} from './text/Text' -import {UpIcon, UpIconSolid} from '../../lib/icons' +import {UpIcon, UpIconSolid, CommentBottomArrow} from '../../lib/icons' import {s, colors} from '../../lib/styles' import {useAnimatedValue} from '../../lib/hooks/useAnimatedValue' @@ -102,13 +102,13 @@ export function PostCtrls(opts: PostCtrlsOpts) { style={styles.ctrl} hitSlop={HITSLOP} onPress={opts.onPressReply}> - {typeof opts.replyCount !== 'undefined' ? ( - {opts.replyCount} + {opts.replyCount} ) : undefined} @@ -123,15 +123,15 @@ export function PostCtrls(opts: PostCtrlsOpts) { opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon } icon="retweet" - size={opts.big ? 22 : 18} + size={opts.big ? 22 : 17} /> {typeof opts.repostCount !== 'undefined' ? ( {opts.repostCount} @@ -147,12 +147,12 @@ export function PostCtrls(opts: PostCtrlsOpts) { {opts.isUpvoted ? ( ) : ( )} @@ -161,8 +161,8 @@ export function PostCtrls(opts: PostCtrlsOpts) { {opts.upvoteCount} diff --git a/src/view/com/util/PostEmbeds.tsx b/src/view/com/util/PostEmbeds.tsx index ce93ac61..870df50a 100644 --- a/src/view/com/util/PostEmbeds.tsx +++ b/src/view/com/util/PostEmbeds.tsx @@ -123,7 +123,7 @@ export function PostEmbeds({ const styles = StyleSheet.create({ imagesContainer: { - marginBottom: 10, + marginBottom: 6, }, imagesWidthSpacer: { width: 5, diff --git a/src/view/lib/icons.tsx b/src/view/lib/icons.tsx index 31869810..b061f308 100644 --- a/src/view/lib/icons.tsx +++ b/src/view/lib/icons.tsx @@ -324,3 +324,32 @@ export function DownIconSolid({ ) } + +// Copyright (c) 2020 Refactoring UI Inc. +// https://github.com/tailwindlabs/heroicons/blob/master/LICENSE +export function CommentBottomArrow({ + style, + size, + strokeWidth = 1.3, +}: { + style?: StyleProp + size?: string | number + strokeWidth?: number +}) { + return ( + + + + ) +}