jeanmachine.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
stop incorrectly using suffixtext (#8352)
samuel.fm
+15
-22
+15
-22
src/screens/Profile/Header/EditProfileDialog.tsx
+15
-22
src/screens/Profile/Header/EditProfileDialog.tsx
···
23
import {InlineLinkText} from '#/components/Link'
24
import {Loader} from '#/components/Loader'
25
import * as Prompt from '#/components/Prompt'
26
import {useSimpleVerificationState} from '#/components/verification'
27
28
const DISPLAY_NAME_MAX_GRAPHEMES = 64
···
329
/>
330
</TextField.Root>
331
{displayNameTooLong && (
332
-
<TextField.SuffixText
333
style={[
334
a.text_sm,
335
a.mt_xs,
336
a.font_bold,
337
{color: t.palette.negative_400},
338
-
]}
339
-
label={_(msg`Display name is too long`)}>
340
-
<Trans>
341
-
Display name is too long.{' '}
342
-
<Plural
343
-
value={DISPLAY_NAME_MAX_GRAPHEMES}
344
-
other="The maximum number of characters is #."
345
-
/>
346
-
</Trans>
347
-
</TextField.SuffixText>
348
)}
349
</View>
350
···
379
/>
380
</TextField.Root>
381
{descriptionTooLong && (
382
-
<TextField.SuffixText
383
style={[
384
a.text_sm,
385
a.mt_xs,
386
a.font_bold,
387
{color: t.palette.negative_400},
388
-
]}
389
-
label={_(msg`Description is too long`)}>
390
-
<Trans>
391
-
Description is too long.{' '}
392
-
<Plural
393
-
value={DESCRIPTION_MAX_GRAPHEMES}
394
-
other="The maximum number of characters is #."
395
-
/>
396
-
</Trans>
397
-
</TextField.SuffixText>
398
)}
399
</View>
400
</View>
···
23
import {InlineLinkText} from '#/components/Link'
24
import {Loader} from '#/components/Loader'
25
import * as Prompt from '#/components/Prompt'
26
+
import {Text} from '#/components/Typography'
27
import {useSimpleVerificationState} from '#/components/verification'
28
29
const DISPLAY_NAME_MAX_GRAPHEMES = 64
···
330
/>
331
</TextField.Root>
332
{displayNameTooLong && (
333
+
<Text
334
style={[
335
a.text_sm,
336
a.mt_xs,
337
a.font_bold,
338
{color: t.palette.negative_400},
339
+
]}>
340
+
<Plural
341
+
value={DISPLAY_NAME_MAX_GRAPHEMES}
342
+
other="Display name is too long. The maximum number of characters is #."
343
+
/>
344
+
</Text>
345
)}
346
</View>
347
···
376
/>
377
</TextField.Root>
378
{descriptionTooLong && (
379
+
<Text
380
style={[
381
a.text_sm,
382
a.mt_xs,
383
a.font_bold,
384
{color: t.palette.negative_400},
385
+
]}>
386
+
<Plural
387
+
value={DESCRIPTION_MAX_GRAPHEMES}
388
+
other="Description is too long. The maximum number of characters is #."
389
+
/>
390
+
</Text>
391
)}
392
</View>
393
</View>