<commit_before>var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var Link = ReactRouter.Link;

var LobbyGameContainer = require('./LobbyGameContainer.js');

var io = require('socket.io-client');
var socket = io.connect();
var Auth = require('../../../server/auth')

module.exports = React.createClass({

  getInitialState: function() {
    return {openGames: []};
  },
  componentDidMount: function(){
    socket.on('update:games:joinable', this.updateOpenGames);
    socket.on('enter:game', this.props.setUser);
  },
  updateOpenGames: function(data){
      console.log('Lobby socket hears data:', data)
      this.setState({openGames: data.games})
  },
  generateGameRoom: function(){
    socket.emit('create:game_room', {username: this.props.user});
    console.log('sent create:game_room', this.props.user);
  },
  render: function() {
    socket.emit('lobby:games',this.state.openGames);
    return (
			<div>
        <div className="container">
          <div className="row">
            <div className="col-md-12">
      				<h2>Greetings, Fwibbler!</h2><h4>You can create your own new Fwibble now or join an existing Fwibble below.</h4>
            </div>
          </div>
          <br />
            <div className="text-center">
              <div className="newFwibble">
                <button type="button" className="btn btn-success btn-lg btn-block" onClick={this.generateGameRoom}><span className="glyphicon glyphicon-pencil" aria-hidden="true"></span> New Fwibble</button>
              </div>
            </div>
          <br />
          <br />
          <div className="row">
            <div className="col-md-8 col-offset-4">
              <h3>Existing Fwibbles to Join:</h3>
            </div>
          </div>
          <br />
          <br />
          <div>
            <div className="row"><commit_msg>lobby button styling, fixed className bug<commit_after>var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var Link = ReactRouter.Link;

var LobbyGameContainer = require('./LobbyGameContainer.js');

var io = require('socket.io-client');
var socket = io.connect();
var Auth = require('../../../server/auth')

module.exports = React.createClass({

  getInitialState: function() {
    return {openGames: []};
  },
  componentDidMount: function(){
    socket.on('update:games:joinable', this.updateOpenGames);
    socket.on('enter:game', this.props.setUser);
  },
  updateOpenGames: function(data){
      console.log('Lobby socket hears data:', data)
      this.setState({openGames: data.games})
  },
  generateGameRoom: function(){
    socket.emit('create:game_room', {username: this.props.user});
    console.log('sent create:game_room', this.props.user);
  },
  render: function() {
    socket.emit('lobby:games',this.state.openGames);
    return (
			<div>
        <div className="container">
          <div className="row">
            <div className="col-md-12">
      				<h2>Greetings, Fwibbler!</h2><h4>You can create your own new Fwibble now or join an existing Fwibble below.</h4>
            </div>
          </div>
          <br />
            <div className="text-center">
              <div className="newFwibble">
<<<<<<< 8e8a85efcee686a1750bf7abf0a72d2a5cb7ff04
                <button type="button" className="btn btn-success btn-lg btn-block" onClick={this.generateGameRoom}><span className="glyphicon glyphicon-pencil" aria-hidden="true"></span> New Fwibble</button>
=======
                <button type="button" className="btn btn-success btn-lg btn-block" onClick={this.generateGameRoom}>New Fwibble</button>
>>>>>>> lobby button styling, fixed className bug
              </div>
            </div>
          <br />
          <br />
          <div className="row">
            <div className="col-md-8 col-offset-4">
              <h3>Existing Fwibbles to Join:</h3>
            </div>
          </div>
          <br />
          <br />
          <div>
            <div className="row">
{'fraction_non_alphanumeric': 0.16012830002467307, 'fraction_numerical': 0.009869232667160128, 'mean_word_length': 2.6555455365193867, 'pattern_counts': {'":': 0, '<': 74, '<?xml version=': 0, '>': 74, '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': '639725', 'n_tokens_mistral': 1270, 'n_tokens_neox': 1233, 'n_words': 255}