browser, touchable

1 files changed, 5 insertions, 5 deletions

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>