<commit_before>'use strict';

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

import moment from 'moment-timezone';

var PerformanceCell = React.createClass({
  render: function() {
    const performance = this.props.performance
    const timeZone = this.props.timeZone

    var TouchableElement = TouchableHighlight;
    if (Platform.OS === 'android') {
      TouchableElement = TouchableNativeFeedback;
    }
    return (
      <View>
        <TouchableElement
          onPress={this.props.onSelect}
        >
          <View style={styles.row}>
            {/* $FlowIssue #7363964 - There's a bug in Flow where you cannot
              * omit a property or set it to undefined if it's inside a shape,
              * even if it isn't required */}

            <View style={styles.container}>
              <View style={styles.leftContainer}>
                <Text style={styles.time}>
                  {moment(performance.stage_time).tz(timeZone).format('HH:mm')}
                </Text>
              </View>
              <View style={styles.rightContainer}>
                <Text style={styles.categoryInfo}>
                  {performance.category_name}, AG {performance.age_group}
                </Text>
                <View style={styles.appearance}>
                  {performance.appearances.map((appearance, i) =>
                    <Text key={'appearance' + (i + 1)}>
                      {appearance.participant_name}, {appearance.instrument_name}
                    </Text>
                  )}
                </View>
                <Text style={styles.predecessorInfo}>
                  {performance.predecessor_host_name}
                </Text>
              </View>
            </View>
          </View>
        </TouchableElement>
      </View>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'row',
    paddingTop: 5,
    paddingBottom: 5,
    alignItems: 'flex-start',
    backgroundColor: '#F5FCFF',
  },
  leftContainer: {
    flex: 1
  },
  rightContainer: {
    flex: 4
  },
  categoryInfo: {
    fontSize: 16,
    marginBottom: 8,
    textAlign: 'left'
  },
  time: {
    marginBottom: 16,
    textAlign: 'left'
  },
  appearance: {},
  predecessorInfo: {}
});

export default PerformanceCell;<commit_msg>Add some space above predecessor info<commit_after>'use strict';

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

import moment from 'moment-timezone';

var PerformanceCell = React.createClass({
  render: function() {
    const performance = this.props.performance
    const timeZone = this.props.timeZone

    var TouchableElement = TouchableHighlight;
    if (Platform.OS === 'android') {
      TouchableElement = TouchableNativeFeedback;
    }
    return (
      <View>
        <TouchableElement
          onPress={this.props.onSelect}
        >
          <View style={styles.row}>
            {/* $FlowIssue #7363964 - There's a bug in Flow where you cannot
              * omit a property or set it to undefined if it's inside a shape,
              * even if it isn't required */}

            <View style={styles.container}>
              <View style={styles.leftContainer}>
                <Text style={styles.time}>
                  {moment(performance.stage_time).tz(timeZone).format('HH:mm')}
                </Text>
              </View>
              <View style={styles.rightContainer}>
                <Text style={styles.categoryInfo}>
                  {performance.category_name}, AG {performance.age_group}
                </Text>
                <View style={styles.appearance}>
                  {performance.appearances.map((appearance, i) =>
                    <Text key={'appearance' + (i + 1)}>
                      {appearance.participant_name}, {appearance.instrument_name}
                    </Text>
                  )}
                </View>
                <Text style={styles.predecessorInfo}>
                  {performance.predecessor_host_name}
                </Text>
              </View>
            </View>
          </View>
        </TouchableElement>
      </View>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'row',
    paddingTop: 5,
    paddingBottom: 5,
    alignItems: 'flex-start',
    backgroundColor: '#F5FCFF',
  },
  leftContainer: {
    flex: 1
  },
  rightContainer: {
    flex: 4
  },
  categoryInfo: {
    fontSize: 16,
    marginBottom: 8,
    textAlign: 'left'
  },
  time: {
    marginBottom: 16,
    textAlign: 'left'
  },
  appearance: {},
  predecessorInfo: {
    marginTop: 5
  }
});

export default PerformanceCell;
{'fraction_non_alphanumeric': 0.11975923619759236, 'fraction_numerical': 0.00809464508094645, 'mean_word_length': 1.8770149253731343, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 49, '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': '3696251', 'n_tokens_mistral': 1433, 'n_tokens_neox': 1341, 'n_words': 302}