<commit_before>import React from 'react'
import {
  ScrollView,
  TouchableOpacity,
  Image,
  View,
  Text,
  Linking
} from 'react-native'
import LinearGradient from 'react-native-linear-gradient'
import RoundedButton from '../Components/RoundedButton'
import PurpleGradient from '../Components/PurpleGradient'
import { Images } from '../Themes'
import { connect } from 'react-redux'
// Add Actions - replace 'Your' with whatever your reducer is called :)
// import YourActions from '../Redux/YourRedux'

// Styles
import styles from './Styles/AboutScreenStyle'

class AboutScreen extends React.Component {

  static navigationOptions = {
    tabBarLabel: 'General Info',
    tabBarIcon: ({ focused }) => (
      <Image source={focused ? Images.activeInfoIcon : Images.inactiveInfoIcon} />
    )
  }

  tweetWithHashtag () {
    const appURL = 'twitter://post?hashtags=ChainReactConf'
    const webURL = 'https://twitter.com/intent/tweet?hashtags=ChainReactConf'
    Linking.canOpenURL(appURL).then((supported) =>
      supported ? Linking.openURL(appURL) : Linking.openURL(webURL)
    )
  }

  render () {
    const gradient = ['#136EB5', 'rgba(1,192,182,0.88)']
    return (
      <PurpleGradient style={[styles.linearGradient, {flex: 1}]}>
        <ScrollView>
          <View style={styles.container}>
            <LinearGradient
              colors={gradient}
              start={{x: 0, y: 1}}
              end={{x: 1, y: 0}}
              style={styles.slack}>
              <Image style={styles.slackIcon} source={Images.slack} />
              <Text style={styles.heading}>Join Us On Slack</Text>
              <RoundedButton
                text='Join the IR Slack Community'
                onPress={() => Linking.openURL('http://community.infinite.red')}
                style={styles.slackButton}
              />
            </LinearGradient>
            <Image source={Images.squarespacePhoto}>
              <View style={styles.afterPartyContainer}>
                <View style={styles.partyHeader}>
                  <Image source={Images.sqspLogo} />
                  <Text style={styles.welcomeParty}>WELCOME PARTY</Text>
                  <Text style={styles.partyDescription}>AT SQUARESPACE PDX</Text>
                </View>
                <View style={styles.partyInfo}>
                  <Text style={styles.partyDescription}>SUNDAY, JULY 9 | 4-8PM</Text>
                  <Text style={styles.partyDescription}>311 SW WASHINGTON STREET</Text>
                </View>
              </View>
            </Image>
            <RoundedButton
              onPress={() => Linking.openURL('https://chainreact.squarespace.com')}
              style={styles.partyButton}
            >
              <Text style={styles.partyButtonText}>I WANT TO GO</Text>
            </RoundedButton>
            <View style={styles.twitter}>
              <Image style={styles.blowhorn} source={Images.blowhorn} />
              <TouchableOpacity onPress={() => this.tweetWithHashtag()}>
                <Text style={styles.heading}>
                  #ChainReactConf
                </Text>
              </TouchableOpacity>
              <Text style={styles.description}>
                Make your friends jealous by tweeting, posting,
                or whatever it is you do with the hashtag&nbsp;
                <Text style={styles.hashtag} onPress={() => this.tweetWithHashtag()}>
                  #chainreactconf
                </Text>.
              </Text>
            </View>
            <View style={styles.sponsors}>
              <Text style={styles.heading}>Our Sponsors</Text>
              <Text style={styles.description}>
                We love the sponsors we got for this conference.
                They make all of this fun stuff possible, and we
                couldn’t have done it without them.
              </Text>

              <Text style={styles.sponsorTierTitle}>Platinum Level</Text>
              <View style={styles.sponsorTier}>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.squarespace.com/')}>
                  <Image source={Images.squarespaceSponsor} />
                </TouchableOpacity>
              </View>

              <Text style={styles.sponsorTierTitle}>Gold Level</Text>
              <View style={styles.sponsorTier}>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://nativebase.io/')}>
                  <Image style={styles.goldSponsor} source={Images.nativeBaseSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://formidable.com/')}>
                  <Image style={styles.goldSponsor} source={Images.formidableSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://moduscreate.com/')}>
                  <Image style={styles.goldSponsor} source={Images.modusSponsor} />
                </TouchableOpacity>
              </View>

              <Text style={styles.sponsorTierTitle}>Silver Level</Text>
              <View style={styles.sponsorTier}>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://aws.amazon.com/')}>
                  <Image source={Images.amazonSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('http://reactnative.training/')}>
                  <Image source={Images.trainingSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://gudog.co.uk/')}>
                  <Image source={Images.gudogSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://rangle.io/')}>
                  <Image source={Images.rangleSponsor} />
                </TouchableOpacity>
              </View>

              <Text style={styles.sponsorTierTitle}>Bronze Level</Text>
              <View style={styles.sponsorTier}>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://echobind.com/')}>
                  <Image source={Images.echobindSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.salesforce.com/')}>
                  <Image source={Images.salesforceSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.capitalone.com/')}>
                  <Image source={Images.capitalOneSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.instrument.com/')}>
                  <Image source={Images.instrumentSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.paypal.com/us/home')}>
                  <Image source={Images.paypalSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('http://www.qlik.com/us/')}>
                  <Image source={Images.qlikSponsor} />
                </TouchableOpacity>
              </View>

            </View>
          </View>
        </ScrollView>
      </PurpleGradient>
    )
  }

}

const mapStateToProps = (state) => {
  return {
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(AboutScreen)
<commit_msg>Add width to photo<commit_after>import React from 'react'
import {
  ScrollView,
  TouchableOpacity,
  Image,
  View,
  Text,
  Linking
} from 'react-native'
import LinearGradient from 'react-native-linear-gradient'
import RoundedButton from '../Components/RoundedButton'
import PurpleGradient from '../Components/PurpleGradient'
import { Images, Metrics } from '../Themes'
import { connect } from 'react-redux'
// Add Actions - replace 'Your' with whatever your reducer is called :)
// import YourActions from '../Redux/YourRedux'

// Styles
import styles from './Styles/AboutScreenStyle'

class AboutScreen extends React.Component {

  static navigationOptions = {
    tabBarLabel: 'General Info',
    tabBarIcon: ({ focused }) => (
      <Image source={focused ? Images.activeInfoIcon : Images.inactiveInfoIcon} />
    )
  }

  tweetWithHashtag () {
    const appURL = 'twitter://post?hashtags=ChainReactConf'
    const webURL = 'https://twitter.com/intent/tweet?hashtags=ChainReactConf'
    Linking.canOpenURL(appURL).then((supported) =>
      supported ? Linking.openURL(appURL) : Linking.openURL(webURL)
    )
  }

  render () {
    const gradient = ['#136EB5', 'rgba(1,192,182,0.88)']
    return (
      <PurpleGradient style={[styles.linearGradient, {flex: 1}]}>
        <ScrollView>
          <View style={styles.container}>
            <LinearGradient
              colors={gradient}
              start={{x: 0, y: 1}}
              end={{x: 1, y: 0}}
              style={styles.slack}>
              <Image style={styles.slackIcon} source={Images.slack} />
              <Text style={styles.heading}>Join Us On Slack</Text>
              <RoundedButton
                text='Join the IR Slack Community'
                onPress={() => Linking.openURL('http://community.infinite.red')}
                style={styles.slackButton}
              />
            </LinearGradient>
            <Image source={Images.squarespacePhoto} style={{width: Metrics.screenWidth}}>
              <View style={styles.afterPartyContainer}>
                <View style={styles.partyHeader}>
                  <Image source={Images.sqspLogo} />
                  <Text style={styles.welcomeParty}>WELCOME PARTY</Text>
                  <Text style={styles.partyDescription}>AT SQUARESPACE PDX</Text>
                </View>
                <View style={styles.partyInfo}>
                  <Text style={styles.partyDescription}>SUNDAY, JULY 9 | 4-8PM</Text>
                  <Text style={styles.partyDescription}>311 SW WASHINGTON STREET</Text>
                </View>
              </View>
            </Image>
            <RoundedButton
              onPress={() => Linking.openURL('https://chainreact.squarespace.com')}
              style={styles.partyButton}
            >
              <Text style={styles.partyButtonText}>I WANT TO GO</Text>
            </RoundedButton>
            <View style={styles.twitter}>
              <Image style={styles.blowhorn} source={Images.blowhorn} />
              <TouchableOpacity onPress={() => this.tweetWithHashtag()}>
                <Text style={styles.heading}>
                  #ChainReactConf
                </Text>
              </TouchableOpacity>
              <Text style={styles.description}>
                Make your friends jealous by tweeting, posting,
                or whatever it is you do with the hashtag&nbsp;
                <Text style={styles.hashtag} onPress={() => this.tweetWithHashtag()}>
                  #chainreactconf
                </Text>.
              </Text>
            </View>
            <View style={styles.sponsors}>
              <Text style={styles.heading}>Our Sponsors</Text>
              <Text style={styles.description}>
                We love the sponsors we got for this conference.
                They make all of this fun stuff possible, and we
                couldn’t have done it without them.
              </Text>

              <Text style={styles.sponsorTierTitle}>Platinum Level</Text>
              <View style={styles.sponsorTier}>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.squarespace.com/')}>
                  <Image source={Images.squarespaceSponsor} />
                </TouchableOpacity>
              </View>

              <Text style={styles.sponsorTierTitle}>Gold Level</Text>
              <View style={styles.sponsorTier}>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://nativebase.io/')}>
                  <Image style={styles.goldSponsor} source={Images.nativeBaseSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://formidable.com/')}>
                  <Image style={styles.goldSponsor} source={Images.formidableSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://moduscreate.com/')}>
                  <Image style={styles.goldSponsor} source={Images.modusSponsor} />
                </TouchableOpacity>
              </View>

              <Text style={styles.sponsorTierTitle}>Silver Level</Text>
              <View style={styles.sponsorTier}>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://aws.amazon.com/')}>
                  <Image source={Images.amazonSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('http://reactnative.training/')}>
                  <Image source={Images.trainingSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://gudog.co.uk/')}>
                  <Image source={Images.gudogSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://rangle.io/')}>
                  <Image source={Images.rangleSponsor} />
                </TouchableOpacity>
              </View>

              <Text style={styles.sponsorTierTitle}>Bronze Level</Text>
              <View style={styles.sponsorTier}>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://echobind.com/')}>
                  <Image source={Images.echobindSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.salesforce.com/')}>
                  <Image source={Images.salesforceSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.capitalone.com/')}>
                  <Image source={Images.capitalOneSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.instrument.com/')}>
                  <Image source={Images.instrumentSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('https://www.paypal.com/us/home')}>
                  <Image source={Images.paypalSponsor} />
                </TouchableOpacity>
                <TouchableOpacity
                  style={styles.sponsor}
                  onPress={() => Linking.openURL('http://www.qlik.com/us/')}>
                  <Image source={Images.qlikSponsor} />
                </TouchableOpacity>
              </View>

            </View>
          </View>
        </ScrollView>
      </PurpleGradient>
    )
  }

}

const mapStateToProps = (state) => {
  return {
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(AboutScreen)

{'fraction_non_alphanumeric': 0.1285020097186394, 'fraction_numerical': 0.002999580058791769, 'mean_word_length': 1.7203002610966058, 'pattern_counts': {'":': 0, '<': 221, '<?xml version=': 0, '>': 265, 'https://': 28, 'lorem ipsum': 0, 'www.': 12, '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': '4485450', 'n_tokens_mistral': 4690, 'n_tokens_neox': 4390, 'n_words': 754}