<commit_before>'use strict';

var React = require('react-native');
var {
  ListView,
  StyleSheet,
  Text,
  View,
  TextInput,
  TouchableHighlight,
} = React;

var Icon = require('react-native-vector-icons/FontAwesome')

var SocialButton = React.createClass({
  render: function() {
    var style = {};
    if(this.props.background) {
      style.backgroundColor = this.props.background;
    }
    if(this.props.color) {
      style.color = this.props.color;
    }
    return (
      <View>
        <View style={styles.container}>
          <TouchableHighlight style={styles.touchable}>
            <Icon name={this.props.name} style={[styles.icon, style]}>
              <Text style={[styles.text, style]}>{this.props.children}</Text>
            </Icon>
          </TouchableHighlight>
        </View>
      </View>
    );
  },
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'flex-start',
    backgroundColor: 'white',
  },
  touchable: {
    borderRadius: 4,
    overflow: 'hidden',
  },
  icon: {
    fontSize: 20,
    paddingVertical: 5,
    paddingHorizontal: 8,
    color: 'white',
    backgroundColor: '#999',
  },
  text: {
    marginLeft: 10,
    flex: 1,
    color: 'white',
    fontWeight: '600',
  },
});

module.exports = SocialButton;<commit_msg>Fixed pressed state bugs in andorid version of IconExplorer.<commit_after>'use strict';

var React = require('react-native');
var {
  ListView,
  StyleSheet,
  Text,
  View,
  TextInput,
  TouchableHighlight,
} = React;

var Icon = require('react-native-vector-icons/FontAwesome')

var SocialButton = React.createClass({
  render: function() {
    var color = {};
    if(this.props.color) {
      color.color = this.props.color;
    }
    var background = {};
    if(this.props.background) {
      background.backgroundColor = this.props.background;
    }

    return (
      <View>
        <View style={styles.container}>
          <TouchableHighlight style={styles.touchable}>
            <Icon name={this.props.name} style={[styles.icon, color, background]}>
              <Text style={[styles.text, color]}>{this.props.children}</Text>
            </Icon>
          </TouchableHighlight>
        </View>
      </View>
    );
  },
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'flex-start',
    backgroundColor: 'white',
  },
  touchable: {
    borderRadius: 4,
    overflow: 'hidden',
  },
  icon: {
    borderRadius: 4,
    fontSize: 20,
    paddingVertical: 5,
    paddingHorizontal: 8,
    color: 'white',
    backgroundColor: '#999',
  },
  text: {
    marginLeft: 10,
    flex: 1,
    color: 'white',
    fontWeight: '600',
    backgroundColor: 'transparent',
  },
});

module.exports = SocialButton;
{'fraction_non_alphanumeric': 0.15020051039008386, 'fraction_numerical': 0.011301494713816989, 'mean_word_length': 2.620052770448549, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3613261', 'n_tokens_mistral': 910, 'n_tokens_neox': 867, 'n_words': 180}