[TMA-305] Made things clickable (#67)

* made links clickable

* made handles clickable

* made more links clickable

1 files changed, 5 insertions, 1 deletions

diff --git a/src/components/taggs/TaggPost.tsx b/src/components/taggs/TaggPost.tsx
index 0d3aee50..07efd797 100644
--- a/src/components/taggs/TaggPost.tsx
+++ b/src/components/taggs/TaggPost.tsx
@@ -4,6 +4,7 @@ import {SimplePostType} from '../../types';
 import {SCREEN_WIDTH} from '../../utils';
 import {DateLabel} from '../common';
 import TaggPostFooter from './TaggPostFooter';
+import Hyperlink from 'react-native-hyperlink';
 
 interface TaggPostProps {
   post: SimplePostType;
@@ -31,7 +32,9 @@ const TaggPost: React.FC<TaggPostProps> = ({post}) => {
     // Post with large text
     return (
       <View style={styles.textContianer}>
-        <Text style={styles.text}>{post.caption}</Text>
+        <Hyperlink linkDefault={true} linkStyle={styles.linkColor}>
+          <Text style={styles.text}>{post.caption}</Text>
+        </Hyperlink>
         <DateLabel timestamp={post.timestamp} type={'default'} />
       </View>
     );
@@ -55,6 +58,7 @@ const styles = StyleSheet.create({
     color: 'white',
     flexWrap: 'wrap',
   },
+  linkColor: {color: '#2980b9'},
 });
 
 export default TaggPost;