browser, touchable

1 files changed, 4 insertions, 4 deletions

diff --git a/client/src/lib/timeline/timelineEvent.js b/client/src/lib/timeline/timelineEvent.js
index 84e9437..7231b8a 100644
--- a/client/src/lib/timeline/timelineEvent.js
+++ b/client/src/lib/timeline/timelineEvent.js
@@ -1,12 +1,12 @@
 import React, { Component } from 'react';
 import {
-  TouchableOpacity,
   StyleSheet,
   Image,
   View
 } from 'react-native';
 
 import ClearText from '../components/text'
+import Touchable from '../components/touchable'
 
 const isIphone = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))
 const isIpad = (navigator.userAgent.match(/iPad/i))
@@ -55,9 +55,9 @@ export default class TimelineEvent extends Component {
       imageContainer = ( <View style={styles.imageContainer}>{image}</View> )
     }
     return (
-      <TouchableOpacity style={styles.item} activeOpacity={0.8} onPress={() => this.props.onPress(this.props.item) }>
-        <div ref={(ref) => this.ref = ref}></div>
+      <Touchable style={styles.item} onPress={() => this.props.onPress(this.props.item) }>
         <View style={styles.item}>
+          <div ref={(ref) => this.ref = ref}></div>
           <View style={styles.dateContainer}>
             <ClearText style={styles.date}>{item.date}</ClearText>
           </View>
@@ -66,7 +66,7 @@ export default class TimelineEvent extends Component {
             <ClearText style={styles.title}>{item.title}</ClearText>
           </View>
         </View>
-      </TouchableOpacity>
+      </Touchable>
     )
   }
 }