diff options
| -rw-r--r-- | src/components/forms/HostingProvider.tsx | 36 |
1 files changed, 17 insertions, 19 deletions
diff --git a/src/components/forms/HostingProvider.tsx b/src/components/forms/HostingProvider.tsx index 2fb138d00..ca5660f87 100644 --- a/src/components/forms/HostingProvider.tsx +++ b/src/components/forms/HostingProvider.tsx @@ -41,27 +41,25 @@ export function HostingProvider({ onSelect={onSelectServiceUrl} /> {minimal ? ( - <View style={[a.flex_row, a.align_center, a.flex_wrap, a.gap_xs]}> + <View style={[a.flex_row, a.align_center, a.flex_wrap]}> <Text style={[a.text_sm, t.atoms.text_contrast_medium]}> - <Trans>You are creating an account on</Trans> + <Trans> + You are creating an account on{' '} + <Button + label={toNiceDomain(serviceUrl)} + accessibilityHint={_(msg`Changes hosting provider`)} + onPress={onPressSelectService} + variant="ghost" + color="secondary" + size="tiny" + style={[a.px_xs, {margin: tokens.space.xs * -1}]}> + <ButtonText style={[a.text_sm]}> + {toNiceDomain(serviceUrl)} + </ButtonText> + <ButtonIcon icon={PencilIcon} /> + </Button> + </Trans> </Text> - <Button - label={toNiceDomain(serviceUrl)} - accessibilityHint={_(msg`Changes hosting provider`)} - onPress={onPressSelectService} - variant="ghost" - color="secondary" - size="tiny" - style={[ - a.px_xs, - {marginHorizontal: tokens.space.xs * -1}, - {paddingVertical: 0}, - ]}> - <ButtonText style={[a.text_sm]}> - {toNiceDomain(serviceUrl)} - </ButtonText> - <ButtonIcon icon={PencilIcon} /> - </Button> </View> ) : ( <Button |