forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Add plural formatting for "too long" error messages when editing profile info (#7998)
* add plural formatting for profile max graphemes errors
* add missing tag
* simplify
authored by
surfdude29
and committed by
GitHub
98fe7edb
5cb49314
+11
-5
+11
-5
src/screens/Profile/Header/EditProfileDialog.tsx
+11
-5
src/screens/Profile/Header/EditProfileDialog.tsx
···
2
2
import {Dimensions, View} from 'react-native'
3
3
import {Image as RNImage} from 'react-native-image-crop-picker'
4
4
import {AppBskyActorDefs} from '@atproto/api'
5
-
import {msg, Trans} from '@lingui/macro'
5
+
import {msg, Plural, Trans} from '@lingui/macro'
6
6
import {useLingui} from '@lingui/react'
7
7
8
8
import {compressIfNeeded} from '#/lib/media/manip'
···
332
332
]}
333
333
label={_(msg`Display name is too long`)}>
334
334
<Trans>
335
-
Display name is too long. The maximum number of characters is{' '}
336
-
{DISPLAY_NAME_MAX_GRAPHEMES}.
335
+
Display name is too long.{' '}
336
+
<Plural
337
+
value={DISPLAY_NAME_MAX_GRAPHEMES}
338
+
other="The maximum number of characters is #."
339
+
/>
337
340
</Trans>
338
341
</TextField.SuffixText>
339
342
)}
···
363
366
]}
364
367
label={_(msg`Description is too long`)}>
365
368
<Trans>
366
-
Description is too long. The maximum number of characters is{' '}
367
-
{DESCRIPTION_MAX_GRAPHEMES}.
369
+
Description is too long.{' '}
370
+
<Plural
371
+
value={DESCRIPTION_MAX_GRAPHEMES}
372
+
other="The maximum number of characters is #."
373
+
/>
368
374
</Trans>
369
375
</TextField.SuffixText>
370
376
)}