diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2017-06-05 17:42:51 -0400 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2017-06-05 17:42:51 -0400 |
| commit | 658263c5beac838240a19627894ef0621f681442 (patch) | |
| tree | f6377a4dd3d6059a967cbd0e2b7ec73d4ac33e93 /client/src/lib/drone/index.js | |
| parent | 5b83db9434059cbc6c57909db036297325ca2ac9 (diff) | |
browser, touchable
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> |