forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Update follower/following a11y hints and labels (#755)
* Update follower/following a11y hints and labels
* Update ProfileHeader.tsx
---------
Co-authored-by: Ansh <anshnanda10@gmail.com>
+10
-7
+10
-7
src/view/com/profile/ProfileHeader.tsx
+10
-7
src/view/com/profile/ProfileHeader.tsx
···
289
289
])
290
290
291
291
const blockHide = !isMe && (view.viewer.blocking || view.viewer.blockedBy)
292
+
const following = formatCount(view.followsCount)
293
+
const followers = formatCount(view.followersCount)
294
+
const pluralizedFollowers = pluralize(view.followersCount, 'follower')
292
295
293
296
return (
294
297
<View style={pal.view}>
···
394
397
style={[s.flexRow, s.mr10]}
395
398
onPress={onPressFollowers}
396
399
accessibilityRole="button"
397
-
accessibilityLabel={`Show ${view.handle}'s followers`}
398
-
accessibilityHint={`Shows folks following ${view.handle}`}>
400
+
accessibilityLabel={`${followers} ${pluralizedFollowers}`}
401
+
accessibilityHint={'Opens followers list'}>
399
402
<Text type="md" style={[s.bold, s.mr2, pal.text]}>
400
-
{formatCount(view.followersCount)}
403
+
{followers}
401
404
</Text>
402
405
<Text type="md" style={[pal.textLight]}>
403
-
{pluralize(view.followersCount, 'follower')}
406
+
{pluralizedFollowers}
404
407
</Text>
405
408
</TouchableOpacity>
406
409
<TouchableOpacity
···
408
411
style={[s.flexRow, s.mr10]}
409
412
onPress={onPressFollows}
410
413
accessibilityRole="button"
411
-
accessibilityLabel={`Show ${view.handle}'s follows`}
412
-
accessibilityHint={`Shows folks followed by ${view.handle}`}>
414
+
accessibilityLabel={`${following} following`}
415
+
accessibilityHint={'Opens following list'}>
413
416
<Text type="md" style={[s.bold, s.mr2, pal.text]}>
414
-
{formatCount(view.followsCount)}
417
+
{following}
415
418
</Text>
416
419
<Text type="md" style={[pal.textLight]}>
417
420
following