Add style to link on video file on tap. Adds a timeout to set it to false as Linking has a weird behavior when chrome vs youtube page is open.

app/src/component/link/view.js

@@ -2,18 +2,36 @@ import React from 'react';
 import { Linking, Text, TouchableOpacity } from 'react-native';
 
 export default class Link extends React.PureComponent {
+
+  constructor(props) {
+    super(props)
+    this.state = {
+      tappedStyle: false,
+    }
+    this.addTappedStyle = this.addTappedStyle.bind(this)
+  }
+  
   handlePress = () => {
     const { error, href, navigation, notify } = this.props;
     
     if (navigation && href.startsWith('#')) {
       navigation.navigate(href.substring(1));
     } else {
-      Linking.openURL(href).catch(err => notify({
-        message: error,
-        displayType: ['toast']
-      }));
+      if (this.props.effectOnTap) this.addTappedStyle();
+      Linking.openURL(href)
+        .then(() => setTimeout(() => { this.setState({ tappedStyle: false }); }, 2000))
+      .catch(err => {
+        notify({ message: error, displayType: ['toast']})
+        this.setState({tappedStyle: false})
+      }
+    );
     }
   }
+
+  addTappedStyle() {
+    this.setState({ tappedStyle: true });
+    setTimeout(() => { this.setState({ tappedStyle: false }); }, 2000);
+  }
   
   render() {
     const {
@@ -30,6 +48,10 @@ export default class Link extends React.PureComponent {
         styles.push(style);
       }
     }
+
+    if (this.props.effectOnTap && this.state.tappedStyle) {
+      styles.push(this.props.effectOnTap);
+    }
     
     return (
       <Text style={styles} onPress={onPress ? onPress : this.handlePress}>

app/src/page/file/view.js

@@ -148,7 +148,8 @@ class FilePage extends React.PureComponent {
             <Link key={j}
                   style={filePageStyle.link}
                   href={token}
-                  text={token} />
+                  text={token}
+                  effectOnTap={filePageStyle.linkTapped} />
           );
         } else {
           return token + space;

app/src/styles/filePage.js

@@ -160,7 +160,10 @@ const filePageStyle = StyleSheet.create({
   },
   link: {
     color: Colors.LbryGreen
-  }
+  },
+  linkTapped: {
+    backgroundColor: '#0c604b',
+  },
 });
 
 export default filePageStyle;