summaryrefslogtreecommitdiff
path: root/client/src/lib/components/close.js
diff options
context:
space:
mode:
authorjules <jules@carbonpictures.com>2017-06-02 15:42:34 +0000
committerjules <jules@carbonpictures.com>2017-06-02 15:42:34 +0000
commit5f26431f03228a85273e7f7d51abd6098ea9f2a5 (patch)
tree6a709972cbb0babd68aaa10fe277b2c843fd7451 /client/src/lib/components/close.js
parent291fe3eedd9a460fc44d2ea3ea81c7d79f2dfbcf (diff)
parentdd70fa81a205304cb48bbc0494ad34c16d496ff2 (diff)
merge
Diffstat (limited to 'client/src/lib/components/close.js')
-rw-r--r--client/src/lib/components/close.js33
1 files changed, 33 insertions, 0 deletions
diff --git a/client/src/lib/components/close.js b/client/src/lib/components/close.js
new file mode 100644
index 0000000..12b4a0a
--- /dev/null
+++ b/client/src/lib/components/close.js
@@ -0,0 +1,33 @@
+import React, { Component } from 'react';
+import {
+ StyleSheet,
+ TouchableOpacity,
+ Image
+} from 'react-native';
+import DeviceInfo from 'react-native-device-info'
+
+export default class Close extends Component {
+ render() {
+ return (
+ <TouchableOpacity onPress={this.props.onPress} style={styles.close}>
+ <Image key={'image_close'} source={require('../../img/close.png')} style={styles.closeImage} />
+ </TouchableOpacity>
+ )
+ }
+}
+
+const styles = StyleSheet.create({
+ close: {
+ position: 'absolute',
+ top: 10,
+ right: 10,
+ width: 40,
+ height: 40,
+ padding: 5,
+ backgroundColor: 'black'
+ },
+ closeImage: {
+ width: 30,
+ height: 30,
+ },
+})