New AppButton differentiation and blur fix

1 files changed, 0 insertions, 136 deletions

diff --git a/app/components/styled/AppButton.android.js b/app/components/styled/AppButton.android.js
deleted file mode 100644
index fdb6d35dfa..0000000000
--- a/app/components/styled/AppButton.android.js
+++ /dev/null
@@ -1,136 +0,0 @@
-// @flow
-import * as React from 'react';
-import { Text, Component } from 'reactxp';
-import { Button } from './Button';
-import { colors } from '../../config';
-
-import { createViewStyles, createTextStyles } from '../../lib/styles';
-
-const styles = {
-  ...createViewStyles({
-    red:{
-      backgroundColor: colors.red95,
-    },
-    redHover: {
-      backgroundColor: colors.red,
-    },
-    green:{
-      backgroundColor: colors.green,
-    },
-    greenHover:{
-      backgroundColor: colors.green90,
-    },
-    blue:{
-      backgroundColor: colors.blue80,
-    },
-    blueHover:{
-      backgroundColor: colors.blue60,
-    },
-    transparent:{
-      backgroundColor: colors.white20,
-    },
-    transparentHover:{
-      backgroundColor: colors.white40,
-    },
-    white80:{
-      color: colors.white80,
-    },
-    white: {
-      color: colors.white,
-    },
-    icon:{
-      position: 'absolute',
-      alignSelf: 'flex-end',
-      right: 8,
-      marginLeft: 8,
-    },
-    common:{
-      paddingTop: 9,
-      paddingLeft: 9,
-      paddingRight: 9,
-      paddingBottom: 9,
-      marginTop: 8,
-      marginBottom: 8,
-      marginLeft: 24,
-      marginRight: 24,
-      borderRadius: 4,
-      flex: 1,
-      flexDirection: 'column',
-      alignContent: 'center',
-      justifyContent: 'center',
-    },
-  }),
-  ...createTextStyles({
-    label:{
-      alignSelf: 'center',
-      fontFamily: 'DINPro',
-      fontSize: 20,
-      fontWeight: '900',
-      lineHeight: 26,
-      flex: 1,
-    },
-  }),
-};
-
-export class Label extends Text {}
-
-class BaseButton extends Component {
-  props: {
-    children?: React.Node,
-    disabled: boolean,
-  };
-
-  state = { hovered: false };
-
-  textStyle = () => this.state.hovered ? styles.white80 : styles.white;
-  iconStyle = () => this.state.hovered ? styles.white80 : styles.white;
-  backgroundStyle = () => this.state.hovered ? styles.white80 : styles.white;
-
-  onHoverStart = () => !this.props.disabled ? this.setState({ hovered: true }) : null;
-  onHoverEnd = () => !this.props.disabled ? this.setState({ hovered: false }) : null;
-  render() {
-    const { children, ...otherProps } = this.props;
-    return (
-      <Button style={[ styles.common, this.backgroundStyle() ]}
-        onHoverStart={this.onHoverStart}
-        onHoverEnd={this.onHoverEnd}
-        {...otherProps}>
-        {
-          React.Children.map(children, (node) => {
-            if (React.isValidElement(node)) {
-              let updatedProps = {};
-
-              if(node.type.name === 'Label') {
-                updatedProps = { style: [styles.label, this.textStyle()]};
-              }
-
-              if(node.type.name === 'Img') {
-                updatedProps = { tintColor:'currentColor', style: [styles.icon, this.iconStyle()]};
-              }
-
-              return React.cloneElement(node, updatedProps);
-            } else {
-              return <Label style={[styles.label, this.textStyle()]}>{children}</Label>;
-            }
-          })
-        }
-      </Button>
-    );
-  }
-}
-
-export class RedButton extends BaseButton {
-  backgroundStyle = () => this.state.hovered ? styles.redHover : styles.red;
-}
-
-export class GreenButton extends BaseButton {
-  backgroundStyle = () => this.state.hovered ? styles.greenHover : styles.green;
-}
-
-export class BlueButton extends BaseButton {
-  backgroundStyle = () => this.state.hovered ? styles.blueHover : styles.blue;
-}
-
-export class TransparentButton extends BaseButton {
-  backgroundStyle = () => this.state.hovered ? styles.transparentHover : styles.transparent;
-}
\ No newline at end of file