<commit_before>import React, {useContext} from 'react';
import {NavigationContext} from 'navigation-react';
import {StyleSheet, Text, Image, View, FlatList, TouchableHighlight} from 'react-native';

export default ({renderHeader, tweets, onTimeline}) => {
  const {stateNavigator} = useContext(NavigationContext);
  return (
    <FlatList
      data={tweets}
      keyExtractor={item => '' + item.id}
      contentInsetAdjustmentBehavior="automatic"
      nestedScrollEnabled={true}
      ListHeaderComponent={renderHeader}
      style={styles.view}
      renderItem={({item: {account: {id: accountId, name, logo}, id, text}}) => (
        <TouchableHighlight
          underlayColor="white"
          onPress={() => {
            stateNavigator.navigate('tweet', {id});
        }}>
        <View style={styles.tweet}>
          <TouchableHighlight
            underlayColor="white"
            onPress={() => {
              if (!onTimeline || onTimeline(accountId))
                stateNavigator.navigate('timeline', {id: accountId});
          }}>
            <Image style={styles.logo} source={logo} />
          </TouchableHighlight>
          <View style={styles.details}>
            <Text style={styles.name}>{name}</Text>
            <Text>{text}</Text>
          </View>
        </View>
      </TouchableHighlight>
    )} />
  );
};

const styles = StyleSheet.create({
  view: {
    paddingLeft: 20,
    paddingRight: 20,
  },
  tweet: {
    flexDirection: 'row',
    paddingTop: 10,<commit_msg>Added hyperlinks<commit_after>import React, {useContext} from 'react';
import {NavigationContext} from 'navigation-react';
import {StyleSheet, Text, Image, View, FlatList, TouchableHighlight} from 'react-native';

export default ({renderHeader, tweets, onTimeline}) => {
  const {stateNavigator} = useContext(NavigationContext);
  return (
    <FlatList
      data={tweets}
      keyExtractor={item => '' + item.id}
      contentInsetAdjustmentBehavior="automatic"
      nestedScrollEnabled={true}
      ListHeaderComponent={renderHeader}
      style={styles.view}
      renderItem={({item: {account: {id: accountId, name, logo}, id, text}}) => (
        <View style={styles.tweet}>
          <TouchableHighlight
            underlayColor="white"
            accessibilityRole={!onTimeline || onTimeline(accountId) ? 'link' : undefined}
            href={stateNavigator.historyManager.getHref(
              stateNavigator.getNavigationLink('timeline', {id: accountId})
            )}
            onPress={() => {
              if (!onTimeline || onTimeline(accountId))
                stateNavigator.navigate('timeline', {id: accountId});
          }}>
            <Image style={styles.logo} source={logo} />
          </TouchableHighlight>
          <TouchableHighlight
            underlayColor="white"
            style={styles.details}
            accessibilityRole="link"
            href={stateNavigator.historyManager.getHref(
              stateNavigator.getNavigationLink('tweet', {id})
            )}
            onPress={() => {
              stateNavigator.navigate('tweet', {id});
          }}>
          <View>
            <Text style={styles.name}>{name}</Text>
            <Text>{text}</Text>
          </View>
        </TouchableHighlight>
      </View>
    )} />
  );
};

const styles = StyleSheet.create({
  view: {
    paddingLeft: 20,
    paddingRight: 20,
  },
  tweet: {
    flexDirection: 'row',
    paddingTop: 10,
{'fraction_non_alphanumeric': 0.14219384793964016, 'fraction_numerical': 0.003482298316889147, 'mean_word_length': 2.5137614678899083, 'pattern_counts': {'":': 0, '<': 31, '<?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': '2134943', 'n_tokens_mistral': 996, 'n_tokens_neox': 965, 'n_words': 180}