From 658263c5beac838240a19627894ef0621f681442 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 5 Jun 2017 17:42:51 -0400
Subject: browser, touchable

---
 client/src/lib/timeline/timelineEvent.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'client/src/lib/timeline/timelineEvent.js')

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>
     )
   }
 }
-- 
cgit v1.2.3-70-g09d2