ADD: Handoff for a transaction and wallets

ios/Podfile.lock

@@ -131,6 +131,8 @@ PODS:
     - React
   - RNGestureHandler (1.3.0):
     - React
+  - RNHandoff (0.0.3):
+    - React
   - RNRate (1.0.1):
     - React
   - RNShare (2.0.0):
@@ -190,6 +192,7 @@ DEPENDENCIES:
   - RNDeviceInfo (from `../node_modules/react-native-device-info`)
   - RNFS (from `../node_modules/react-native-fs`)
   - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
+  - RNHandoff (from `../node_modules/react-native-handoff`)
   - RNRate (from `../node_modules/react-native-rate/ios`)
   - RNShare (from `../node_modules/react-native-share`)
   - RNSVG (from `../node_modules/react-native-svg`)
@@ -281,6 +284,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-fs"
   RNGestureHandler:
     :path: "../node_modules/react-native-gesture-handler"
+  RNHandoff:
+    :path: "../node_modules/react-native-handoff"
   RNRate:
     :path: "../node_modules/react-native-rate/ios"
   RNShare:
@@ -339,6 +344,7 @@ SPEC CHECKSUMS:
   RNDeviceInfo: a88be26a64ada7cbc2bc0ebbd1662d340304874e
   RNFS: c9bbde46b0d59619f8e7b735991c60e0f73d22c1
   RNGestureHandler: 5329a942fce3d41c68b84c2c2276ce06a696d8b0
+  RNHandoff: d3b0754cca3a6bcd9b25f544f733f7f033ccf5fa
   RNRate: 29be49c24b314c4e8ec09d848c3965f61cb0be47
   RNShare: 8b171d4b43c1d886917fdd303bf7a4b87167b05c
   RNSVG: 0eb087cfb5d7937be93c45b163b26352a647e681

loc/en.js

@@ -111,7 +111,7 @@ module.exports = {
       to: 'Output',
       copy: 'Copy',
       transaction_details: 'Transaction details',
-      show_in_block_explorer: 'Show in block explorer',
+      show_in_block_explorer: 'View in block explorer',
     },
   },
   send: {

loc/es.js

@@ -111,7 +111,7 @@ module.exports = {
       to: 'A',
       copy: 'Copiar',
       transaction_details: 'Detalles de la transacción',
-      show_in_block_explorer: 'Show in block explorer',
+      show_in_block_explorer: 'Mostrar en explorador de bloques',
     },
   },
   send: {

package-lock.json

@@ -10731,6 +10731,10 @@
         "prop-types": "^15.5.10"
       }
     },
+    "react-native-handoff": {
+      "version": "git+https://github.com/marcosrdz/react-native-handoff.git#05fc7dee3843d8c8ae150c0def753d4a9322230e",
+      "from": "git+https://github.com/marcosrdz/react-native-handoff.git"
+    },
     "react-native-haptic-feedback": {
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/react-native-haptic-feedback/-/react-native-haptic-feedback-1.7.1.tgz",

package.json

@@ -89,6 +89,7 @@
     "react-native-flexi-radio-button": "0.2.2",
     "react-native-fs": "2.13.3",
     "react-native-gesture-handler": "1.3.0",
+    "react-native-handoff": "git+https://github.com/marcosrdz/react-native-handoff.git",
     "react-native-haptic-feedback": "1.7.1",
     "react-native-image-picker": "0.28.1",
     "react-native-level-fs": "3.0.1",

screen/transactions/transactionStatus.js

@@ -16,6 +16,7 @@ import PropTypes from 'prop-types';
 import { HDSegwitBech32Transaction, HDSegwitBech32Wallet } from '../../class';
 import { BitcoinUnit } from '../../models/bitcoinUnits';
 import { Icon } from 'react-native-elements';
+import Handoff from 'react-native-handoff';
 /** @type {AppStorage} */
 let BlueApp = require('../../BlueApp');
 let loc = require('../../loc');
@@ -142,6 +143,11 @@ export default class TransactionsStatus extends Component {
 
     return (
       <SafeBlueArea forceInset={{ horizontal: 'always' }} style={{ flex: 1 }}>
+        <Handoff
+          title={`Bitcoin Transaction ${this.state.tx.hash}`}
+          type="io.bluewallet.bluewallet"
+          url={`https://blockstream.info/tx/${this.state.tx.hash}`}
+        />
         <View style={{ flex: 1, justifyContent: 'space-between' }}>
           <BlueCard>
             <View style={{ alignItems: 'center' }}>

screen/wallets/transactions.js

@@ -6,6 +6,7 @@ import { NavigationEvents } from 'react-navigation';
 import { BlueSendButtonIcon, BlueReceiveButtonIcon, BlueTransactionListItem, BlueWalletNavigationHeader } from '../../BlueComponents';
 import { Icon } from 'react-native-elements';
 import { LightningCustodianWallet } from '../../class';
+import Handoff from 'react-native-handoff';
 /** @type {AppStorage} */
 let BlueApp = require('../../BlueApp');
 let loc = require('../../loc');
@@ -208,6 +209,11 @@ export default class WalletTransactions extends Component {
     const { navigate } = this.props.navigation;
     return (
       <View style={{ flex: 1 }}>
+        <Handoff
+          title={`Bitcoin Wallet ${this.state.wallet.getLabel()}`}
+          type="io.bluewallet.bluewallet"
+          url={`https://blockpath.com/search/addr?q=${this.state.wallet.getXpub()}`}
+        />
         <NavigationEvents
           onWillFocus={() => {
             StatusBar.setBarStyle('light-content');