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/drone/index.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

(limited to 'client/src/lib/drone/index.js')

diff --git a/client/src/lib/drone/index.js b/client/src/lib/drone/index.js
index 19e7843..d7143e9 100644
--- a/client/src/lib/drone/index.js
+++ b/client/src/lib/drone/index.js
@@ -3,12 +3,12 @@ import {
   StyleSheet,
   Image,
   View,
-  TouchableOpacity,
 } from 'react-native';
 
 import ScrollableContainer from '../components/scrollableContainer'
 import ClearText from '../components/text'
 import Heading from '../components/heading'
+import Touchable from '../components/touchable'
 
 const countryLinks = {
   pakistan: 'https://www.thebureauinvestigates.com/projects/drone-war/charts?show_casualties=1&show_injuries=1&show_strikes=1&location=pakistan&from=2004-1-1&to=now',
@@ -27,9 +27,9 @@ export default class Drone extends Component {
       const url = link.uri
       const name = link.text
       return (
-        <TouchableOpacity key={'link_' + i} onPress={() => this.props.onLinkPress(url)}>
+        <Touchable key={'link_' + i} onPress={() => this.props.onLinkPress(url)}>
           <ClearText style={styles.link}>{name}</ClearText>
-        </TouchableOpacity>
+        </Touchable>
       )
     })
     return (
@@ -71,33 +71,33 @@ export default class Drone extends Component {
 
         <View style={styles.countries}>
           <View style={styles.country}>
-            <TouchableOpacity onPress={() => this.props.onLinkPress(countryLinks.afghanistan)}>
+            <Touchable onPress={() => this.props.onLinkPress(countryLinks.afghanistan)}>
               <Image source={require('../../img/afghanistan.png')} resizeMode='cover' style={styles.countryImage} />
               <ClearText>AFGHANISTAN</ClearText>
-            </TouchableOpacity>
+            </Touchable>
           </View>
 
           <View style={styles.country}>
-            <TouchableOpacity onPress={() => this.props.onLinkPress(countryLinks.pakistan)}>
+            <Touchable onPress={() => this.props.onLinkPress(countryLinks.pakistan)}>
               <Image source={require('../../img/pakistan.png')} resizeMode='cover' style={styles.countryImage} />
               <ClearText>PAKISTAN</ClearText>
-            </TouchableOpacity>
+            </Touchable>
           </View>
         </View>
 
         <View style={styles.countries}>
           <View style={styles.country}>
-            <TouchableOpacity onPress={() => this.props.onLinkPress(countryLinks.yemen)}>
+            <Touchable onPress={() => this.props.onLinkPress(countryLinks.yemen)}>
               <Image source={require('../../img/yemen.png')} resizeMode='cover' style={styles.countryImage} />
               <ClearText>YEMEN</ClearText>
-            </TouchableOpacity>
+            </Touchable>
           </View>
 
           <View style={styles.country}>
-            <TouchableOpacity onPress={() => this.props.onLinkPress(countryLinks.somalia)}>
+            <Touchable onPress={() => this.props.onLinkPress(countryLinks.somalia)}>
               <Image source={require('../../img/somalia.png')} resizeMode='cover' style={styles.countryImage} />
               <ClearText>SOMALIA</ClearText>
-            </TouchableOpacity>
+            </Touchable>
           </View>
         </View>
         
-- 
cgit v1.2.3-70-g09d2