<commit_before>import * as React from "react"
import {
    View,
    Text,
    ViewStyle,
    TextStyle,
    Image,
    TouchableHighlight,
    StyleSheet
} from "react-native"
import { Round, Match } from "../data"
import { Eggshell, NavyBlue, White } from "../colours"
import { flags } from "../flags/flags.ios"

interface RoundViewProps {
	selectedRound: Round
	selectWinner: (match: Match, winner: string) => void
}

const styles: {[index: string]: ViewStyle | TextStyle} = {
    matchRowStyle: {

    },
    halfRow: {

    },
    selectedTeamStyle: {

    }
}

export const RoundView: React.SFC<RoundViewProps> = (props) => {
    const matchTable = props.selectedRound.matches.map((match, i) => {
        
        let homeSideStyle = styles.halfRow
        if (match.home === match.tip) {
            homeSideStyle = styles.selectedTeamStyle
        }
        let awaySideStyle = styles.halfRow
        if (match.away === match.tip) {
            awaySideStyle = styles.selectedTeamStyle
        }
    
        return (
            <View key={i} style={styles.matchRowStyle}>
                <TouchableHighlight onPress={() => props.selectWinner(match, match.home)}>
                    <View style={homeSideStyle}>
                        <Text>{match.date}</Text>
                        <Text style={{}}>{match.home}</Text>
                        <Image style={{}} source={flags[match.home]} />
                    </View>
                </TouchableHighlight>
                <TouchableHighlight onPress={() => props.selectWinner(match, match.away)}>
                    <View style={awaySideStyle}>
                        <Image style={{}} source={flags[match.away]} />
                        <Text style={{}}>{match.away}</Text>
                        <Text>{match.time}</Text>
                    </View>
                </TouchableHighlight>
            </View>
        )
    })

    return (
        <View style={styles.matchTableStyle}>{matchTable}</View>
    )<commit_msg>feat(ios): wip round view style<commit_after>import * as React from "react"
import {
    View,
    Text,
    ViewStyle,
    TextStyle,
    Image,
    TouchableHighlight,
    StyleSheet
} from "react-native"
import { Round, Match } from "../data"
import { Eggshell, NavyBlue, White } from "../colours"
import { flags } from "../flags/flags.ios"

interface RoundViewProps {
	selectedRound: Round
	selectWinner: (match: Match, winner: string) => void
}

const styles: {[index: string]: ViewStyle | TextStyle} = {
    matchRowStyle: {
        flexDirection: "row",
        marginBottom: 8,
        padding: 15,
        flex: 1
    },
    halfRow: {

    },
    selectedTeamStyle: {
        backgroundColor: NavyBlue
    }
}

export const RoundView: React.SFC<RoundViewProps> = (props) => {
    const matchTable = props.selectedRound.matches.map((match, i) => {
        
        let homeSideStyle = styles.halfRow
        if (match.home === match.tip) {
            homeSideStyle = styles.selectedTeamStyle
        }
        let awaySideStyle = styles.halfRow
        if (match.away === match.tip) {
            awaySideStyle = styles.selectedTeamStyle
        }
    
        return (
            <View key={i} style={styles.matchRowStyle}>
                <TouchableHighlight onPress={() => props.selectWinner(match, match.home)}>
                    <View style={{flexDirection: "row", flex: 1, flexGrow: 1}}>
                        <Text style={{fontSize: 12}}>{match.date}</Text>
                        <Text style={{}}>{match.home}</Text>
                        <Image style={{width: 38, height: 26}} source={flags[match.home]} />
                    </View>
                </TouchableHighlight>
                <TouchableHighlight onPress={() => props.selectWinner(match, match.away)}>
                    <View style={{flexDirection: "row", flex: 1, flexGrow: 1}}>
                        <Image style={{width: 38, height: 26}} source={flags[match.away]} />
                        <Text style={{}}>{match.away}</Text>
                        <Text style={{fontSize: 12}}>{match.time}</Text>
                    </View>
                </TouchableHighlight>
            </View>
        )
    })

    return (
        <View style={styles.matchTableStyle}>{matchTable}</View>
    )
{'fraction_non_alphanumeric': 0.1386161757830762, 'fraction_numerical': 0.004675081813931743, 'mean_word_length': 1.8931710615280595, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 59, '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': '5358929', 'n_tokens_mistral': 1225, 'n_tokens_neox': 1173, 'n_words': 254}