<commit_before>import React from 'react'
import Headroom from 'react-headroom'
import Sidebar from 'react-sidebar'
import Banner from '../banner/banner'
import SPALink from '../links/spa-link'
import SiteLinks from './site-links'
import './site-style'

const block = 'site'

export default props => {
    return (
        <div className={ block }>
            <Banner
                logo="React Banner"
                link={ SPALink }
                links={ SiteLinks }
                url={ window.location.pathname } />

            <main className={ `${block}__content` }>
                <div className={ `${block}__container` }>
                    Some content
                </div>
            </main>

            <footer className={ `${block}__footer` }>
                <div className={ `${block}__container` }>
                    
                </div>
            </footer>
        </div>
    )
}<commit_msg>Starting to integrate react-headroom and react-sidebar<commit_after>import React from 'react'
import Headroom from 'react-headroom'
import Sidebar from 'react-sidebar'
import Banner from '../banner/banner'
import SPALink from '../links/spa-link'
import SiteLinks from './site-links'
import './site-style'

const block = 'site'

export default class Site extends React.Component {
    state = {
        sidebar: false
    }

    render() {
        return (
            <Sidebar
                contentClassName={ block }
                sidebar={(
                    <div style={{
                        width: '80vw',
                        height: '100vh',
                        background: 'white'
                    }} />
                )}
                open={ this.state.sidebar }
                onSetOpen={ this._toggleSidebar }>
                <Headroom>
                    <Banner
                        logo="React Banner"
                        link={ SPALink }
                        links={ SiteLinks }
                        url={ window.location.pathname }
                        onMenuClick={ this._openSidebar } />
                </Headroom>

                <main className={ `${block}__content` }>
                    <div className={ `${block}__container` }>
                        Some content
                    </div>
                </main>

                <footer className={ `${block}__footer` }>
                    <div className={ `${block}__container` }>
                        
                    </div>
                </footer>
            </Sidebar>
        )
    }

    _toggleSidebar = visible => {
        this.setState({
            sidebar: visible
        })
    }

    _openSidebar = () => {
        this._toggleSidebar(true)
    }
}
{'fraction_non_alphanumeric': 0.11466372657111357, 'fraction_numerical': 0.0018375597206909224, 'mean_word_length': 1.2477291494632534, 'pattern_counts': {'":': 0, '<': 28, '<?xml version=': 0, '>': 31, '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': '1257243', 'n_tokens_mistral': 709, 'n_tokens_neox': 665, 'n_words': 164}