<commit_before>import React, { Component, PropTypes } from 'react'
import { GridTile } from 'material-ui/GridList';
import Paper from 'material-ui/Paper';

const style = {
  paper1: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    background: "url('./assets/Dice-1.svg')",
    backgroundSize: '130px',
  },
  paper2: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    background: "url('./assets/Dice-2.svg')",
    backgroundSize: '130px',
  },
  paper3: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    background: "url('./assets/Dice-3.svg')",
    backgroundSize: '130px',
  },
  paper4: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    background: "url('./assets/Dice-4.svg')",
    backgroundSize: '130px',
  },
  paper5: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    background: "url('./assets/Dice-5.svg')",
    backgroundSize: '130px',
  },
  paper6: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    background: "url('./assets/Dice-6.svg')",
    backgroundSize: '130px',
  },
  eyes: {
    fontSize: '3rem',

  }
}

class Dice extends Component {

  render() {
    const { eyes } = this.props
    var numberStyle
    if (eyes == 1) {
       numberStyle = style.paper1
    } else if (eyes == 2){
      numberStyle = style.paper2
    } else if (eyes == 3){
      numberStyle = style.paper3
    } else if (eyes == 4){
      numberStyle = style.paper4
    } else if (eyes == 5){
      numberStyle = style.paper5
    } else if (eyes == 6){
      numberStyle = style.paper6
    }
    console.log(numberStyle);
    return (
      <GridTile>
        <Paper style={ numberStyle } zDepth={1}>
          <h1 style={ style.eyes }></h1>
        </Paper>
      </GridTile>
    )
  }
}

Dice.propTypes = {
  index: PropTypes.number.isRequired,
  eyes: PropTypes.number.isRequired,
}

export default Dice<commit_msg>Image width dice images fixed<commit_after>import React, { Component, PropTypes } from 'react'
import { GridTile } from 'material-ui/GridList';
import Paper from 'material-ui/Paper';

const style = {
  paper1: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    backgroundImage: "url('./assets/Dice-1.svg')",
    backgroundSize: '100%',
  },
  paper2: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    backgroundImage: "url('./assets/Dice-2.svg')",
    backgroundSize: '100%',
  },
  paper3: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    backgroundImage: "url('./assets/Dice-3.svg')",
    backgroundSize: '100%',
  },
  paper4: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    backgroundImage: "url('./assets/Dice-4.svg')",
    backgroundSize: '100%',
  },
  paper5: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    backgroundImage: "url('./assets/Dice-5.svg')",
    backgroundSize: '100%',
  },
  paper6: {
    height: 130,
    width: 130,
    margin: 10,
    textAlign: 'center',
    display: 'inline-block',
    backgroundImage: "url('./assets/Dice-6.svg')",
    backgroundSize: '100%',
  },
}

class Dice extends Component {

  render() {
    const { eyes } = this.props
    var numberStyle
    if (eyes == 1) {
       numberStyle = style.paper1
    } else if (eyes == 2){
      numberStyle = style.paper2
    } else if (eyes == 3){
      numberStyle = style.paper3
    } else if (eyes == 4){
      numberStyle = style.paper4
    } else if (eyes == 5){
      numberStyle = style.paper5
    } else if (eyes == 6){
      numberStyle = style.paper6
    }
    console.log(numberStyle);
    return (
      <GridTile>
        <Paper style={ numberStyle } zDepth={0}>
          <h1 style={ style.eyes }></h1>
        </Paper>
      </GridTile>
    )
  }
}

Dice.propTypes = {
  index: PropTypes.number.isRequired,
  eyes: PropTypes.number.isRequired,
}

export default Dice
{'fraction_non_alphanumeric': 0.16032295271049596, 'fraction_numerical': 0.043137254901960784, 'mean_word_length': 2.516626115166261, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, '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': '6311665', 'n_tokens_mistral': 1631, 'n_tokens_neox': 1498, 'n_words': 350}