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