diff --git a/native/invite-links/manage-public-link-screen.react.js b/native/invite-links/manage-public-link-screen.react.js --- a/native/invite-links/manage-public-link-screen.react.js +++ b/native/invite-links/manage-public-link-screen.react.js @@ -64,16 +64,19 @@ }, ); }, [disableInviteLink]); - let disablePublicLinkButton = null; + let disablePublicLinkSection = null; if (inviteLink) { - disablePublicLinkButton = ( - + disablePublicLinkSection = ( + + + You may also disable the community public link. + ); @@ -82,11 +85,14 @@ return ( - + Invite links make it easy for your friends to join your community. Anybody who knows your community’s invite link will be able to join - it.{'\n\n'}Note that if you change your public link’s URL, other - communities will be able to claim the old URL. + it. + + + Note that if you change your public link’s URL, other communities will + be able to claim the old URL. INVITE URL @@ -112,7 +118,7 @@ Save & enable public link - {disablePublicLinkButton} + {disablePublicLinkSection} ); } @@ -125,7 +131,6 @@ color: 'modalBackgroundLabel', paddingHorizontal: 16, paddingBottom: 4, - marginTop: 24, }, section: { borderBottomColor: 'modalSeparator', @@ -134,6 +139,10 @@ borderTopWidth: 1, backgroundColor: 'modalForeground', padding: 16, + marginBottom: 24, + }, + disableLinkSection: { + marginTop: 16, }, sectionText: { fontSize: 14, @@ -141,6 +150,9 @@ lineHeight: 22, color: 'modalBackgroundLabel', }, + withMargin: { + marginBottom: 12, + }, inviteLink: { flexDirection: 'row', alignItems: 'center', @@ -171,9 +183,6 @@ buttonPrimary: { backgroundColor: 'purpleButton', }, - destructiveButtonContainer: { - margin: 16, - }, destructiveButton: { borderWidth: 1, borderRadius: 8,