feat: add share button on XAppInfoOverlay

XRPL-Labs · Sep 26, 2024 · 461537c · 461537c
1 parent d66c1a7
commit 461537c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/screens/Modal/XAppBrowser/XAppBrowserModal.tsx b/src/screens/Modal/XAppBrowser/XAppBrowserModal.tsx
@@ -12,6 +12,7 @@ import {
     InteractionManager,
     Linking,
     NativeEventSubscription,
+    Share,
     Share as RNShare,
     Text,
     View,
@@ -805,6 +806,18 @@ class XAppBrowserModal extends Component<Props, State> {
         });
     };
 
+    shareXApp = () => {
+        const { app } = this.state;
+
+        const { identifier, title } = app!;
+
+        Share.share({
+            title,
+            message: `https://${HOSTNAME}/detect/xapp:${identifier}`,
+            url: undefined,
+        });
+    };
+
     lunchMonetization = () => {
         const profile = ProfileRepository.getProfile();
 
@@ -829,8 +842,9 @@ class XAppBrowserModal extends Component<Props, State> {
             identifier,
             title: title!,
             icon: icon!,
-            displayButtonTypes: [DisplayButtonTypes.DONATION],
+            displayButtonTypes: [DisplayButtonTypes.DONATION, DisplayButtonTypes.SHARE],
             onDonationPress: this.openDonation,
+            onSharePress: this.shareXApp,
         });
     };
 

diff --git a/src/screens/Overlay/XAppInfo/XAppInfoOverlay.tsx b/src/screens/Overlay/XAppInfo/XAppInfoOverlay.tsx
@@ -158,7 +158,7 @@ class XAppInfoOverlay extends Component<Props, State> {
         const { displayButtonTypes } = this.props;
 
         if (
-            !displayButtonTypes?.includes(DisplayButtonTypes.OPEN) ||
+            !displayButtonTypes?.includes(DisplayButtonTypes.OPEN) &&
             !displayButtonTypes?.includes(DisplayButtonTypes.SHARE)
         ) {
             return null;
@@ -179,6 +179,7 @@ class XAppInfoOverlay extends Component<Props, State> {
                         style={AppStyles.flex1}
                         rounded
                         light
+                        icon="IconShare"
                         label={Localize.t('global.share')}
                         onPress={this.onSharePress}
                     />