<commit_before>import React, { Component } from 'react'
import {
  Text,
  View,
  TouchableHighlight,
  LayoutAnimation,
  StyleSheet,
  Image
} from 'react-native'

import { connect } from 'react-redux'

class EventInfo extends Component {
  render () {
    return (
      <View style={styles.mainContainer}>
        <Image
          style={styles.image}
          source={{ uri: this.props.activeEvent.imageUrl }}
        />
        <View>
          <View>
            <Text>
              {this.props.activeEvent.address}
            </Text>
            <Text>
              {this.props.activeEvent.attending.length}
            </Text>
          </View>
        </View>
        <View>
          <Text>{this.props.activeEvent.creatorEmail}</Text>
        </View>
      </View>
    )
  }
}

const mapStateToProps = (state) => {
  return {
    activeEvent: state.activeEvent
  }
}

export default connect(mapStateToProps)(EventInfo)

const styles = StyleSheet.create({
  mainContainer: {
    flex: 1,
    justifyContent: 'flex-start'
  },
  image: {
    height: 250,
  }
})<commit_msg>Add info containers to EVENTINFO view<commit_after>import React, { Component } from 'react'
import {
  Text,
  View,
  TouchableHighlight,
  LayoutAnimation,
  StyleSheet,
  Image
} from 'react-native'

import { connect } from 'react-redux'

class EventInfo extends Component {
  render () {
    return (
      <View style={styles.mainContainer}>
        <Image
          style={styles.image}
          source={{ uri: this.props.activeEvent.imageUrl }}
        />
        <View style={styles.infoContainer}>
          <View style={styles.infoHeadersContainer}>
            <Text style={styles.infoHeaders}>Location</Text>
            <Text style={styles.infoHeaders}>People Attending</Text>
          </View>
          <View style={styles.infoContentContainer}>
            <Text style={styles.address}>{this.props.activeEvent.address}</Text>
            <Text>{this.props.activeEvent.attending.length}</Text>
          </View>
        </View>

        <View>
          <Text>{this.props.activeEvent.creatorEmail}</Text>
        </View>
      </View>
    )
  }
}

const mapStateToProps = (state) => {
  return {
    activeEvent: state.activeEvent
  }
}

export default connect(mapStateToProps)(EventInfo)

const styles = StyleSheet.create({
  mainContainer: {
    flex: 1,
    justifyContent: 'flex-start'
  },
  image: {
    height: 250,
  },
  infoContainer: {
    backgroundColor: '#257AC4',
  },
  address: {
    height: 50,
    color: 'white'
  },
  infoHeadersContainer: {
    justifyContent: 'space-between',
    flexDirection: 'row',
    paddingTop: 10,
    paddingRight: 10,
    paddingLeft: 10
  },
  infoHeaders: {
    color: 'white',
    fontSize: 20
  },
  infoContentContainer: {
    justifyContent: 'space-between',
    flexDirection: 'row',
    padding: 10
  }
})
{'fraction_non_alphanumeric': 0.13049546406140963, 'fraction_numerical': 0.00837404047452896, 'mean_word_length': 2.357142857142857, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 41, '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': '1653379', 'n_tokens_mistral': 895, 'n_tokens_neox': 875, 'n_words': 173}