<commit_before>import React from 'react'
import { config } from '../config'
import Paper from 'material-ui/lib/paper';

export default class NotLoggedInLanding extends React.Component {
  render () {
    const width = window.innerWidth // TODO take from props?
    const height = window.innerHeight // TODO take from props?
    if(Meteor.user()) {
      FlowRouter.go("/m/all/offers");
      return null;
    } else return (
      <div data-cucumber="login-screen" style={{
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        height: height,
        background: config.colors.main,
        color: 'white',
      }}>
        <div style={{marginTop: height / 6, textAlign:'center'}}><img src="/img/app_icon.png" width="100px"></img></div>
        <div style={{marginTop: 35, textAlign: 'center'}}>Welcome to<br/><NAME></div>
        <Paper style={{marginTop: 60, width: width * 0.7, height: 45, display: 'flex', flexDirection: 'row', alignItems: 'center', background: '#3B5A9A', color: 'white'}}
          onClick={() => {
            //console.log("G+ login")
            Meteor.loginWithFacebook({requestPermissions:["public_profile", "email"]}, (error) => {
              if(error)
                console.log('Log in with Facebook error: ', error.reason || 'Unknown error');
              else {
                console.log("Logged in Facebook user:", Meteor.user());
                FlowRouter.go("RideOffers");
              }
            })<commit_msg>Login layout fix<commit_after>import React from 'react'
import { config } from '../config'
import Paper from 'material-ui/lib/paper';

export default class NotLoggedInLanding extends React.Component {
  render () {
    const width = this.props.width
    const height = this.props.height
    if(Meteor.user()) {
      FlowRouter.go("/m/all/offers");
      return null;
    } else return (
      <div data-cucumber="login-screen" style={{
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        height: height,
        background: config.colors.main,
        color: 'white',
      }}>
        <div style={{marginTop: height / 6, textAlign:'center'}}><img src="/img/app_icon.png" width="100px"></img></div>
        <div style={{marginTop: 35, textAlign: 'center'}}>Welcome to<br/><NAME> Serice</div>
        <Paper style={{marginTop: 60, width: width * 0.7, height: 45, display: 'flex', flexDirection: 'row', alignItems: 'center', background: '#3B5A9A', color: 'white'}}
          onClick={() => {
            //console.log("G+ login")
            Meteor.loginWithFacebook({requestPermissions:["public_profile", "email"]}, (error) => {
              if(error)
                console.log('Log in with Facebook error: ', error.reason || 'Unknown error');
              else {
                console.log("Logged in Facebook user:", Meteor.user());
                FlowRouter.go("RideOffers");
              }
            })
{'fraction_non_alphanumeric': 0.15945945945945947, 'fraction_numerical': 0.010135135135135136, 'mean_word_length': 2.550359712230216, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1686754', 'n_tokens_mistral': 878, 'n_tokens_neox': 853, 'n_words': 209}