Page MenuHomePhabricator
Files F3381852

D12422.diff
No OneTemporary
Actions

D12422.diff
View Options

diff --git a/native/navigation/invite-link-modal.react.js b/native/navigation/invite-link-modal.react.js
--- a/native/navigation/invite-link-modal.react.js
+++ b/native/navigation/invite-link-modal.react.js
@@ -71,12 +71,24 @@
const header = React.useMemo(() => {
if (invitationDetails.status === 'valid' && linkStatus === 'valid') {
+ let additionalCommunityDescription = null;
+ if (invitationDetails.thread) {
+ additionalCommunityDescription = (
+ <>
+ <Text style={styles.communityIntro}>within</Text>
+ <Text style={styles.threadName}>
+ {invitationDetails.community.name}
+ </Text>
+ </>
+ );
+ }
+ const targetName =
+ invitationDetails.thread?.name ?? invitationDetails.community.name;
return (
<>
<Text style={styles.invitation}>You have been invited to join</Text>
- <Text style={styles.communityName}>
- {invitationDetails.community.name}
- </Text>
+ <Text style={styles.threadName}>{targetName}</Text>
+ {additionalCommunityDescription}
</>
);
}
@@ -92,7 +104,8 @@
);
}, [
invitationDetails,
- styles.communityName,
+ styles.threadName,
+ styles.communityIntro,
styles.invalidInviteExplanation,
styles.invalidInviteTitle,
styles.invitation,
@@ -193,7 +206,16 @@
lineHeight: 22,
marginBottom: 24,
},
- communityName: {
+ communityIntro: {
+ color: 'whiteText',
+ textAlign: 'center',
+ fontSize: 14,
+ fontWeight: '400',
+ lineHeight: 22,
+ marginBottom: 24,
+ marginTop: 16,
+ },
+ threadName: {
color: 'whiteText',
textAlign: 'center',
fontSize: 18,
diff --git a/web/invite-links/accept-invite-modal.css b/web/invite-links/accept-invite-modal.css
--- a/web/invite-links/accept-invite-modal.css
+++ b/web/invite-links/accept-invite-modal.css
@@ -22,6 +22,7 @@
line-height: var(--line-height-display);
font-weight: var(--semi-bold);
color: var(--fg);
+ word-break: break-word;
}
.text {
diff --git a/web/invite-links/accept-invite-modal.react.js b/web/invite-links/accept-invite-modal.react.js
--- a/web/invite-links/accept-invite-modal.react.js
+++ b/web/invite-links/accept-invite-modal.react.js
@@ -65,10 +65,24 @@
let content;
if (verificationResponse.status === 'valid' && linkStatus === 'valid') {
const { community } = verificationResponse;
+ let additionalCommunityDescription = null;
+ if (verificationResponse.thread) {
+ additionalCommunityDescription = (
+ <div className={css.group}>
+ <div className={css.text}>within</div>
+ <div className={css.heading}>{community.name}</div>
+ </div>
+ );
+ }
+ const targetName =
+ verificationResponse.thread?.name ?? verificationResponse.community.name;
content = (
<>
- <div className={css.text}>You have been invited to join</div>
- <div className={css.heading}>{community.name}</div>
+ <div className={css.group}>
+ <div className={css.text}>You have been invited to join</div>
+ <div className={css.heading}>{targetName}</div>
+ </div>
+ {additionalCommunityDescription}
<hr />
<div className={css.group}>
<Button

File Metadata

Mime Type
text/plain
Expires
Fri, Nov 29, 6:47 AM (20 h, 54 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2596244
Default Alt Text
D12422.diff (3 KB)

Event Timeline