browser, touchable

4 files changed, 11 insertions, 14 deletions

diff --git a/client/src/lib/views/contact.js b/client/src/lib/views/contact.js
index 57d3e9d..6c45b2f 100644
--- a/client/src/lib/views/contact.js
+++ b/client/src/lib/views/contact.js
@@ -2,8 +2,7 @@ import React, { Component } from 'react';
 import {
   ActivityIndicator,
   KeyboardAvoidingView,
-  TouchableHighlight,
-  TouchableWithoutFeedback,
+  Touchable,
   StyleSheet,
   TextInput,
   Keyboard,
@@ -200,11 +199,9 @@ export default class Contact extends Component {
       )
     })
     return (
-      <TouchableWithoutFeedback>
-        <View style={styles.comments}>
-          {comments}
-        </View>
-      </TouchableWithoutFeedback>
+      <View style={styles.comments}>
+        {comments}
+      </View>
     )
   }
 }
diff --git a/client/src/lib/views/home.js b/client/src/lib/views/home.js
index 8d5f275..2e7979e 100644
--- a/client/src/lib/views/home.js
+++ b/client/src/lib/views/home.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import {
   Image,
   StyleSheet,
-  TouchableOpacity,
+  Touchable,
   View,
   Platform
 } from 'react-native';
diff --git a/client/src/lib/views/information.js b/client/src/lib/views/information.js
index 759bae2..9e69a83 100644
--- a/client/src/lib/views/information.js
+++ b/client/src/lib/views/information.js
@@ -3,7 +3,6 @@ import {
   StyleSheet,
   View,
   Image,
-  TouchableOpacity,
   ScrollView,
 } from 'react-native';
 
@@ -17,6 +16,7 @@ import ClearText from '../components/text'
 import Button from '../components/button'
 import Close from '../components/close'
 import Heading from '../components/heading'
+import Touchable from '../components/touchable'
 
 export default class Information extends Component {
   constructor(props) {
@@ -59,12 +59,12 @@ export default class Information extends Component {
     const content = this.props.content
     const essays = this.props.essays.map( (essay, i) => {
       return (
-        <TouchableOpacity key={i} onPress={() => this.showEssay(essay)}>
+        <Touchable key={i} onPress={() => this.showEssay(essay)}>
           <View style={styles.essayContainer}>
             <ClearText style={styles.essayTitle}>{essay.title}</ClearText>
             <ClearText style={styles.essayByline}>{essay.byline}</ClearText>
           </View>
-        </TouchableOpacity>
+        </Touchable>
       )
     })
     return (
@@ -73,12 +73,12 @@ export default class Information extends Component {
           <View style={styles.essays}>
             {essays}
 
-            <TouchableOpacity onPress={() => this.showBios()}>
+            <Touchable onPress={() => this.showBios()}>
               <View style={styles.essayContainer}>
                 <ClearText style={styles.essayTitle}>Artist Biographies</ClearText>
                 <ClearText style={styles.essayByline}>Ai Weiwei, Jacques Herzog, Phillipe de Meuron</ClearText>
               </View>
-            </TouchableOpacity>
+            </Touchable>
           </View>
         </ScrollableContainer>
 
diff --git a/client/src/lib/views/nav.js b/client/src/lib/views/nav.js
index ef04f2d..3e852cf 100644
--- a/client/src/lib/views/nav.js
+++ b/client/src/lib/views/nav.js
@@ -3,7 +3,7 @@ import {
   Image,
   StyleSheet,
   Text,
-  TouchableOpacity,
+  Touchable,
   Platform,
   View
 } from 'react-native';