<commit_before>import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  View,
  Text,
  Dimensions,
  Image,
} from 'react-native'

import PlayerHighScore from './PlayerHighScore';
import axios from 'axios'
import styles from './Styles'

export default class HighScore extends Component {

  constructor(){
    super()

    this.state = {
      highscore: []
    }
  }

  componentWillMount(){
    axios.get('http://localhost:3000/scores')
    .then((response) => {
      this.setState({highscore: response.data})
    })
  }

  render(){

    return (
          <View style={styles.highScoreCotainer}>
            <Text style={styles.highScoreText}>High Score</Text>
              <View style={styles.container}>
                {this.state.highscore.map(function(user,i) {
                  return (
                    <PlayerHighScore
                      key={i}
                      user={user}
                      id={i}
                    />
                  )
                }
              )
            }
          </View>
        </View>
    )
  }
}


// const styles = StyleSheet.create({
//   // highScoreText: {
//   //   color: 'white',
//   //   bottom:60,
//   //   fontSize:20,
//   //   fontFamily:'Pixeled'
//   // },
//   container:{
//     justifyContent: 'flex-start',
//   },
//   highScoreCotainer:{
//     flex:1,
//     justifyContent: 'center',
//     alignItems: 'center',
//     backgroundColor: '#182445',
//
//   }
// });<commit_msg>fixed typos and inhertince issue<commit_after>import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  View,
  Text,
  Dimensions,
  Image,
} from 'react-native'

import PlayerHighScore from './PlayerHighScore';
import axios from 'axios'
import styles from './Style'

export default class HighScore extends Component {

  constructor(){
    super()

    this.state = {
      highscore: []
    }
  }

  componentWillMount(){
    axios.get('http://localhost:3000/scores')
    .then((response) => {
      this.setState({highscore: response.data})
    })
  }

  render(){

    return (
          <View style={styles.highScoreCotainer}>
            <Text style={styles.highScoreText}>High Score</Text>
              <View style={styles.PlayersScoreContainer}>
                {this.state.highscore.map(function(user,i) {
                  return (
                    <PlayerHighScore
                      key={i}
                      user={user}
                      id={i}
                    />
                  )
                }
              )
            }
          </View>
        </View>
    )
  }
}
{'fraction_non_alphanumeric': 0.1394906879513493, 'fraction_numerical': 0.007221588749524895, 'mean_word_length': 1.5728250244379276, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 19, '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': '3347489', 'n_tokens_mistral': 790, 'n_tokens_neox': 751, 'n_words': 140}