Modify hosting provider text for better localization (#7847)

* Update HostingProvider.tsx

* Update src/components/forms/HostingProvider.tsx

---------

Co-authored-by: Samuel Newman <mozzius@protonmail.com>
This commit is contained in:
Minseo Lee
2025-02-27 00:36:31 +09:00
committed by GitHub
parent b924c53b23
commit ec75cbc01f
+5 -3
View File
@@ -43,8 +43,8 @@ export function HostingProvider({
{minimal ? ( {minimal ? (
<View style={[a.flex_row, a.align_center, a.flex_wrap]}> <View style={[a.flex_row, a.align_center, a.flex_wrap]}>
<Text style={[a.text_sm, t.atoms.text_contrast_medium]}> <Text style={[a.text_sm, t.atoms.text_contrast_medium]}>
<Trans>You are creating an account on </Trans> <Trans>
</Text> You are creating an account on{' '}
<Button <Button
label={toNiceDomain(serviceUrl)} label={toNiceDomain(serviceUrl)}
accessibilityHint={_(msg`Changes hosting provider`)} accessibilityHint={_(msg`Changes hosting provider`)}
@@ -52,12 +52,14 @@ export function HostingProvider({
variant="ghost" variant="ghost"
color="secondary" color="secondary"
size="tiny" size="tiny"
style={[a.px_xs, {marginLeft: tokens.space.xs * -1}]}> style={[a.px_xs, {marginHorizontal: tokens.space.xs * -1}]}>
<ButtonText style={[a.text_sm]}> <ButtonText style={[a.text_sm]}>
{toNiceDomain(serviceUrl)} {toNiceDomain(serviceUrl)}
</ButtonText> </ButtonText>
<ButtonIcon icon={PencilIcon} /> <ButtonIcon icon={PencilIcon} />
</Button> </Button>
</Trans>
</Text>
</View> </View>
) : ( ) : (
<Button <Button