bug/1976 - display a shorter invite link on a mobile (#1983)

* feat:display a shorter invite link on a mobile * fix: use numberOfLines * fix:add long invitation link to story for context menu
TryQuiet · Oct 20, 2023 · 100add9 · 100add9
1 parent a3a0aa6
commit 100add9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,8 @@
 
 * Shorter dots-placeholder for invite link
 
+* Display a shorter invite link on a mobile
+
 * Removed registration attempts selector and corresponding usage.
 
 * Revert adjusting bootstrap scripts for developing on Windows

diff --git a/packages/mobile/src/components/ContextMenu/ContextMenu.component.tsx b/packages/mobile/src/components/ContextMenu/ContextMenu.component.tsx
@@ -133,6 +133,7 @@ export const ContextMenu: FC<ContextMenuProps> = ({
                 <Typography
                   fontSize={14}
                   fontWeight={'normal'}
+                  numberOfLines={1}
                   style={{ lineHeight: 20, color: defaultPalette.typography.gray50 }}
                   onPress={linkAction}
                 >

diff --git a/packages/mobile/src/components/ContextMenu/ContextMenu.stories.tsx b/packages/mobile/src/components/ContextMenu/ContextMenu.stories.tsx
@@ -60,7 +60,7 @@ storiesOf('ContextMenu', module)
         title={'Add members'}
         items={invitation_items}
         hint={'Anyone with Quiet app can follow this link to join this community. Only share with people you trust.'}
-        link={'https://chat.quiet.org/quiet://?code=bidrmzr3ee6qa2vvrlcnqvvvsk2gmjktcqkunba326parszr44gibwyd'}
+        link={`https://tryquiet.org/join#QmNzTe4kwwq7yDrC9GRXWFT5JoBSGukWAcLSTMYPmrensB=vag3ot2imv7lrwsqesv2qykyx2fxenvjfcawgngab6gjzo2gg5o5vqqd&QmZx8actcU9E49Dff3PDVyXTCrVor9iBQryxfasfN4Drxo=sdiy7sermcmtaomn4w3bnxlmdqoun5bxre34xfcaxckhy7obhphcypad&QmQGCuEB5ChnqYCGu5nuBhtyzd9BmDdVUH9neaHNuCDd1M=pr42dxkelrs5iy2a4n4ycv2ptzk4yur274hq2zfshvgxu5rpay6lghqd&QmZgT4AbyPZjEPvMkpjCvfRSDYcrcyUiwTMDNF8rEigqHT=ka5m3rho2gvldgmigp7jn5taok7nwyp5v2fix3jdirpsyf7rdm547cqd`}
         visible={true}
         handleClose={() => {
           console.log('closing menu')