From 9157b18f4564bcc7b16a60a1a884da672341daa6 Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Fri, 25 Oct 2019 15:24:57 +0100
Subject: [PATCH] add share button to channel page

---
 src/constants.js          |  2 ++
 src/page/channel/view.js  | 17 ++++++++++++++++-
 src/page/file/view.js     |  9 ++-------
 src/styles/channelPage.js |  4 ++++
 src/utils/helper.js       |  5 +++++
 5 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/constants.js b/src/constants.js
index 26659e3..6cbd629 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -140,6 +140,8 @@ const Constants = {
   TRUE_STRING: 'true',
 
   MINIMUM_TRANSACTION_BALANCE: 0.1,
+
+  SHARE_BASE_URL: 'https://open.lbry.com',
 };
 
 export default Constants;
diff --git a/src/page/channel/view.js b/src/page/channel/view.js
index 2a787be..4432c72 100644
--- a/src/page/channel/view.js
+++ b/src/page/channel/view.js
@@ -13,7 +13,7 @@ import {
 } from 'react-native';
 import { TabView, SceneMap } from 'react-native-tab-view';
 import { normalizeURI } from 'lbry-redux';
-import { navigateBack, getOrderBy } from 'utils/helper';
+import { navigateBack, getOrderBy, formatLbryUrlForWeb } from 'utils/helper';
 import ChannelIconItem from 'component/channelIconItem';
 import ClaimList from 'component/claimList';
 import Colors from 'styles/colors';
@@ -172,6 +172,15 @@ class ChannelPage extends React.PureComponent {
     }
   };
 
+  onSharePressed = () => {
+    const { claim } = this.props;
+    if (claim) {
+      const { canonical_url: canonicalUrl, short_url: shortUrl, permanent_url: permanentUrl } = claim;
+      const url = Constants.SHARE_BASE_URL + formatLbryUrlForWeb(canonicalUrl || shortUrl || permanentUrl);
+      NativeModules.UtilityModule.shareUrl(url);
+    }
+  };
+
   onDeletePressed = () => {
     const { abandonClaim, claim, navigation } = this.props;
     if (claim) {
@@ -274,6 +283,12 @@ class ChannelPage extends React.PureComponent {
                   onPress={this.onDeletePressed}
                 />
               )}
+              <Button
+                style={[channelPageStyle.actionButton, channelPageStyle.shareButton]}
+                theme={'light'}
+                icon={'share-alt'}
+                onPress={this.onSharePressed}
+              />
               {!ownedChannel && <SubscribeButton style={channelPageStyle.subscribeButton} uri={fullUri} name={name} />}
               {!ownedChannel && (
                 <SubscribeNotificationButton
diff --git a/src/page/file/view.js b/src/page/file/view.js
index a79bd0c..0318d8e 100644
--- a/src/page/file/view.js
+++ b/src/page/file/view.js
@@ -19,7 +19,7 @@ import {
   WebView,
 } from 'react-native';
 import { NavigationEvents } from 'react-navigation';
-import { navigateBack, navigateToUri } from 'utils/helper';
+import { navigateBack, navigateToUri, formatLbryUrlForWeb } from 'utils/helper';
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import ImageViewer from 'react-native-image-zoom-viewer';
 import Button from 'component/button';
@@ -508,16 +508,11 @@ class FilePage extends React.PureComponent {
     this.setState({ fileViewLogged: true });
   };
 
-  // TODO: Move this to lbry-redux
-  formatLbryUrlForWeb = url => {
-    return url.replace('lbry://', '/').replace(/#/g, ':');
-  };
-
   handleSharePress = () => {
     const { claim, notify } = this.props;
     if (claim) {
       const { canonical_url: canonicalUrl, short_url: shortUrl, permanent_url: permanentUrl } = claim;
-      const url = 'https://open.lbry.com' + this.formatLbryUrlForWeb(canonicalUrl || shortUrl || permanentUrl);
+      const url = Constants.SHARE_BASE_URL + formatLbryUrlForWeb(canonicalUrl || shortUrl || permanentUrl);
       NativeModules.UtilityModule.shareUrl(url);
     }
   };
diff --git a/src/styles/channelPage.js b/src/styles/channelPage.js
index d9963da..ba27579 100644
--- a/src/styles/channelPage.js
+++ b/src/styles/channelPage.js
@@ -172,6 +172,10 @@ const channelPageStyle = StyleSheet.create({
   deleteButton: {
     marginLeft: 8,
   },
+  shareButton: {
+    marginLeft: 8,
+    marginRight: 8,
+  },
 });
 
 export default channelPageStyle;
diff --git a/src/utils/helper.js b/src/utils/helper.js
index 0126067..200dfaf 100644
--- a/src/utils/helper.js
+++ b/src/utils/helper.js
@@ -346,3 +346,8 @@ export function uploadImageAsset(filePath, success, failure) {
       }
     });
 }
+
+// TODO: Move this to lbry-redux
+export function formatLbryUrlForWeb(url) {
+  return url.replace('lbry://', '/').replace(/#/g, ':');
+}