<commit_before>import React, {
	View,
	Text,
	StyleSheet,
	ScrollView,
	TouchableHighlight
} from 'react-native';

import Timer from './Utils/Timer';

export default class Detail extends React.Component {
	constructor(props) {
		super(props);
		this.state = {
			routes: this.props.routes,
			start_node: this.props.start_node,
		}
	}

	render() {
		const routeList = this.state.routes.map((route, index) => {

			const destination = route.destination;
			const rawData = route.raw_data;
			const nextOne = route.next.next_next_one;
			let timeRemaining = route.next.in_secs;

			return (
				<View key={index} style={styles.routeBox}>
					<Text style={styles.routeDestination}> {destination} </Text>
					<Text style={styles.routeTime}> {nextOne == 'DONE' ? 'Done for Today!' : (route.next.ring == true ? 'Ring' : <Timer seconds={timeRemaining}/>)} </Text>
					<Text style={styles.routeRawData}> {rawData} </Text>
					<Text style={styles.routeNextOne}> {nextOne == 'DONE' ? ' ' : 'NEXT: '+nextOne} </Text>
				</View>
			)
		})

		return (
			<ScrollView contentContainerStyle={styles.contentContainer} style={styles.container}>
				{routeList}
			</ScrollView>
		);
	}
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F0F0F0',
  },
  contentContainer: {
  	flexDirection: 'column',<commit_msg>Bug fixes on time rendering<commit_after>import React, {
	View,
	Text,
	StyleSheet,
	ScrollView,
	TouchableHighlight
} from 'react-native';

import Timer from './Utils/Timer';

export default class Detail extends React.Component {
	constructor(props) {
		super(props);
		this.state = {
			routes: this.props.routes,
			start_node: this.props.start_node,
		}
	}

	render() {
		const routeList = this.state.routes.map((route, index) => {

			const destination = route.destination;
			const rawData = route.raw_data;
			const nextOne = route.next.next_next_one;
			let timeRemaining = route.next.in_secs;

			return (
				<View key={index} style={styles.routeBox}>
					<Text style={styles.routeDestination}> {destination} </Text>
					<Text style={styles.routeTime}> {timeRemaining ? (route.next.ring == true ? 'Ring' : <Timer seconds={timeRemaining}/>) : 'Done For Today!'} </Text>
					<Text style={styles.routeRawData}> {rawData} </Text>
					<Text style={styles.routeNextOne}> {nextOne == 'DONE' ? ' ' : 'NEXT: '+nextOne} </Text>
				</View>
			)
		})

		return (
			<ScrollView contentContainerStyle={styles.contentContainer} style={styles.container}>
				{routeList}
			</ScrollView>
		);
	}
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F0F0F0',
  },
  contentContainer: {
  	flexDirection: 'column',
{'fraction_non_alphanumeric': 0.1526433358153388, 'fraction_numerical': 0.0029784065524944155, 'mean_word_length': 3.8589511754068715, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 31, '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': '4861230', 'n_tokens_mistral': 1008, 'n_tokens_neox': 891, 'n_words': 188}