diff options
Diffstat (limited to 'src/view/com/util/post-ctrls')
-rw-r--r-- | src/view/com/util/post-ctrls/PostCtrls.tsx | 9 | ||||
-rw-r--r-- | src/view/com/util/post-ctrls/RepostButton.tsx | 5 |
2 files changed, 11 insertions, 3 deletions
diff --git a/src/view/com/util/post-ctrls/PostCtrls.tsx b/src/view/com/util/post-ctrls/PostCtrls.tsx index 12d4c48c8..cd6db408c 100644 --- a/src/view/com/util/post-ctrls/PostCtrls.tsx +++ b/src/view/com/util/post-ctrls/PostCtrls.tsx @@ -19,6 +19,7 @@ import {Text} from '../text/Text' import {PostDropdownBtn} from '../forms/DropdownButton' import {HeartIcon, HeartIconSolid, CommentBottomArrow} from 'lib/icons' import {s, colors} from 'lib/styles' +import {pluralize} from 'lib/strings/helpers' import {useTheme} from 'lib/ThemeContext' import {useStores} from 'state/index' import {RepostButton} from './RepostButton' @@ -170,7 +171,9 @@ export function PostCtrls(opts: PostCtrlsOpts) { hitSlop={HITSLOP} onPress={opts.onPressReply} accessibilityRole="button" - accessibilityLabel="Reply" + accessibilityLabel={`Reply (${opts.replyCount} ${ + opts.replyCount === 1 ? 'reply' : 'replies' + })`} accessibilityHint="reply composer"> <CommentBottomArrow style={[defaultCtrlColor, opts.big ? s.mt2 : styles.mt1]} @@ -190,7 +193,9 @@ export function PostCtrls(opts: PostCtrlsOpts) { hitSlop={HITSLOP} onPress={onPressToggleLikeWrapper} accessibilityRole="button" - accessibilityLabel={opts.isLiked ? 'Unlike' : 'Like'} + accessibilityLabel={`${opts.isLiked ? 'Unlike' : 'Like'} (${ + opts.likeCount + } ${pluralize(opts.likeCount || 0, 'like')})`} accessibilityHint=""> {opts.isLiked ? ( <HeartIconSolid diff --git a/src/view/com/util/post-ctrls/RepostButton.tsx b/src/view/com/util/post-ctrls/RepostButton.tsx index 59f7f6ee1..4338e4c59 100644 --- a/src/view/com/util/post-ctrls/RepostButton.tsx +++ b/src/view/com/util/post-ctrls/RepostButton.tsx @@ -4,6 +4,7 @@ import {RepostIcon} from 'lib/icons' import {s, colors} from 'lib/styles' import {useTheme} from 'lib/ThemeContext' import {Text} from '../text/Text' +import {pluralize} from 'lib/strings/helpers' import {useStores} from 'state/index' const HITSLOP = {top: 5, left: 5, bottom: 5, right: 5} @@ -49,7 +50,9 @@ export const RepostButton = ({ onPress={onPressToggleRepostWrapper} style={styles.control} accessibilityRole="button" - accessibilityLabel={isReposted ? 'Undo repost' : 'Repost'} + accessibilityLabel={`${ + isReposted ? 'Undo repost' : 'Repost' + } (${repostCount} ${pluralize(repostCount || 0, 'repost')})`} accessibilityHint=""> <RepostIcon style={ |