browser, touchable

1 files changed, 4 insertions, 3 deletions

diff --git a/client/src/lib/components/footer.js b/client/src/lib/components/footer.js
index f630ed8..15f6f0b 100644
--- a/client/src/lib/components/footer.js
+++ b/client/src/lib/components/footer.js
@@ -2,12 +2,13 @@ import React, { Component } from 'react'
 import {
   Image,
   StyleSheet,
-  TouchableOpacity,
   Text,
   View,
 } from 'react-native'
 import { Link } from 'react-router-dom'
 
+import Touchable from './touchable'
+
 export default class ClearText extends Component {
   render() {
     return (
@@ -18,9 +19,9 @@ export default class ClearText extends Component {
           </View>
         </Link>
         <View style={styles.footerItem}>
-          <TouchableOpacity onPress={() => this.props.onLinkPress('http://armoryonpark.org/')}>
+          <Touchable onPress={() => this.props.onLinkPress('http://armoryonpark.org/')}>
             <Image source={require('../../img/armory.png')} resizeMode='contain' style={styles.footerLogo} />
-          </TouchableOpacity>
+          </Touchable>
         </View>
         <Link to='/page/credits'>
           <View style={styles.footerItem}>