merge

1 files changed, 55 insertions, 0 deletions

diff --git a/client/src/lib/components/button.js b/client/src/lib/components/button.js
new file mode 100644
index 0000000..a5cf8ea
--- /dev/null
+++ b/client/src/lib/components/button.js
@@ -0,0 +1,55 @@
+import React, { Component } from 'react';
+import {
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View
+} from 'react-native';
+import DeviceInfo from 'react-native-device-info'
+
+export default class Button extends Component {
+  render() {
+    let { buttonStyle, textStyle, ...others } = this.props
+    let activeOpacity = 0.5
+    let viewElementStyle = [ styles.button, buttonStyle ]
+    let textElementStyle = [ styles.text, textStyle ]
+    if (this.props.disabled) {
+      viewElementStyle.push( styles.disabledButton )
+      textElementStyle.push( styles.disabledText )
+      activeOpacity = 1.0
+    }
+    return (
+      <TouchableOpacity {...others} onPress={() => { if (! this.props.disabled) { this.props.onPress() }}}>
+        <View style={viewElementStyle}>
+          <Text style={textElementStyle}>
+            {this.props.label}
+          </Text>
+        </View>
+      </TouchableOpacity>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  text: {
+    color: '#000',
+    fontFamily: 'Futura-Medium',
+    textAlign: 'center',
+    padding: 0,
+  },
+  button: {
+    padding: 10,
+    margin: 10,
+    borderRadius: 3,
+    backgroundColor: '#fff',
+    borderBottomColor: '#bbb',
+    borderBottomWidth: 2,
+  },
+  disabledButton: {
+    backgroundColor: '#bbb',
+    borderBottomColor: '#888',
+  },
+  disabledText: {
+    color: '#333',
+  },
+})