<commit_before>'use strict';

var React = require('react');
var _ = require('lodash');
var connectToStores = require('fluxible-addons-react/connectToStores');
var PublicLayout = require('../PublicLayout.jsx');
var Link = require('../Link.jsx');
var UserProfilePicture = require('../Partial/UserProfilePicture.jsx');
var Gallery = require('../Partial/Gallery.jsx');
var Picture = require('../Partial/Picture.jsx');

function displayName(n) { return n.firstName+' '+(n.lastName || '').substr(0, 1)+'.' }

var HairdresserLayout = React.createClass({
    getInitialState: function () {
        return {
            openGallery: false
        }
    },
    render: function() {
        var fullName = displayName(this.props.hairdresser);
        if (!this.props.hairdresser) return (<PublicLayout />);
        var options = {
            width: 340,
            height: 340,
            crop: 'thumb',
            gravity: 'faces'
        };
        console.log(this);
        return (
            <PublicLayout>
            <Picture className="short-background hairdresser" picture={this.props.hairdresser.picture} options={{effect: "blur:1000"}} placeholder="/images/placeholder-640.png" backgroundStyle={true}></Picture>
                <div className="container hairdresser" id="content">
                    <div className="main-content">
                        <div className="short-info">
                            <div className="col-xs-5 col-sm-4"><commit_msg>If no image, no background<commit_after>'use strict';

var React = require('react');
var _ = require('lodash');
var connectToStores = require('fluxible-addons-react/connectToStores');
var PublicLayout = require('../PublicLayout.jsx');
var Link = require('../Link.jsx');
var UserProfilePicture = require('../Partial/UserProfilePicture.jsx');
var Gallery = require('../Partial/Gallery.jsx');
var Picture = require('../Partial/Picture.jsx');

function displayName(n) { return n.firstName+' '+(n.lastName || '').substr(0, 1)+'.' }

var HairdresserLayout = React.createClass({
    getInitialState: function () {
        return {
            openGallery: false
        }
    },
    render: function() {
        var fullName = displayName(this.props.hairdresser);
        if (!this.props.hairdresser) return (<PublicLayout />);
        var options = {
            width: 340,
            height: 340,
            crop: 'thumb',
            gravity: 'faces'
        };
        var background = this.props.hairdresser.picture ? <Picture className="short-background hairdresser" picture={this.props.hairdresser.picture} options={{effect: "blur:1000"}} placeholder="/images/placeholder-640.png" backgroundStyle={true}></Picture> : "";
        return (
            <PublicLayout>
            {background}
                <div className="container hairdresser" id="content">
                    <div className="main-content">
                        <div className="short-info">
                            <div className="col-xs-5 col-sm-4">
{'fraction_non_alphanumeric': 0.15158597662771287, 'fraction_numerical': 0.011352253756260434, 'mean_word_length': 2.6096385542168674, 'pattern_counts': {'":': 0, '<': 19, '<?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': '914570', 'n_tokens_mistral': 883, 'n_tokens_neox': 829, 'n_words': 168}