diff options
Diffstat (limited to 'client/src/lib/drone/index.js')
| -rw-r--r-- | client/src/lib/drone/index.js | 22 |
1 files changed, 11 insertions, 11 deletions
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> |