diff options
Diffstat (limited to 'src/components/forms')
-rw-r--r-- | src/components/forms/HostingProvider.tsx | 30 |
1 files changed, 16 insertions, 14 deletions
diff --git a/src/components/forms/HostingProvider.tsx b/src/components/forms/HostingProvider.tsx index ff5062079..22fbfb2aa 100644 --- a/src/components/forms/HostingProvider.tsx +++ b/src/components/forms/HostingProvider.tsx @@ -43,21 +43,23 @@ export function HostingProvider({ {minimal ? ( <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, {marginHorizontal: 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, {marginLeft: tokens.space.xs * -1}]}> - <ButtonText style={[a.text_sm]}> - {toNiceDomain(serviceUrl)} - </ButtonText> - <ButtonIcon icon={PencilIcon} /> - </Button> </View> ) : ( <Button |