<commit_before>"use strict";

import React from 'react';
import SideList from '../sideList/connectedSideList';
import MapView from '../mapView/connectedMapView';
import ShopDetail from '../shopDetail/connectedShopDetail';
import BeanDetail from '../beanDetail/connectedBeanDetail';
import logoImage from 'img/geoBeanLogo.png';

const mainViewStyle = {
    width: '100%',
    // height: 'calc(100% - 64px)',
    height: '100%',
    overflow: "hidden"
};

const listContainerStyle = {
    position: "relative",
    height: "100%",
    display: "inline-block",
    left: 0,
    top: 0,
    width: "350px",
};

const mapContainerStyle = {
    position: "relative",
    height: "100%",
    width: "calc(100% - 350px)",
    float: "right",
    display: "inline-block",
    right: 0
};

class MainView extends React.Component {
    constructor(props) {
        super(props);
        
    }

    componentWillMount() {
        this.props.loadShops();
        this.props.loadBeans();
    }

    render() {



        return (
            <div style={mainViewStyle}>
                <div style={listContainerStyle}>
                    <div className="logo-container">
                        <img
                            src={logoImage}
                            alt="GeoBean"
                            onClick={this.props.clearSelections}
                        />
                    </div>
                    {
                        this.props.shopSelected ?
                        (
                            this.props.beanSelected ?
                            (
                                <BeanDetail
                                    className="bean-detail"
                                />
                            ) : (
                                <ShopDetail
                                    className="shop-detail"
                                />
                            )
                        ) : (
                            <SideList
                                className="shop-list"
                            />
                        )
                    }
                </div>
                <div style={mapContainerStyle}>
                    <MapView
                        className="map-view"
                    /><commit_msg>Fixed some content being covered in sidebar.<commit_after>"use strict";

import React from 'react';
import SideList from '../sideList/connectedSideList';
import MapView from '../mapView/connectedMapView';
import ShopDetail from '../shopDetail/connectedShopDetail';
import BeanDetail from '../beanDetail/connectedBeanDetail';
import logoImage from 'img/geoBeanLogo.png';

const mainViewStyle = {
    width: '100%',
    // height: 'calc(100% - 64px)',
    height: '100%',
    overflow: "hidden"
};

const listContainerStyle = {
    position: "relative",
    height: "100%",
    display: "inline-block",
    left: 0,
    top: 0,
    width: "350px",
};

const mapContainerStyle = {
    position: "relative",
    height: "100%",
    width: "calc(100% - 350px)",
    float: "right",
    display: "inline-block",
    right: 0
};

class MainView extends React.Component {
    constructor(props) {
        super(props);
        
    }

    componentWillMount() {
        this.props.loadShops();
        this.props.loadBeans();
    }

    render() {



        return (
            <div style={mainViewStyle}>
                <div style={listContainerStyle}>
                    <div className="logo-container">
                        <img
                            src={logoImage}
                            alt="GeoBean"
                            onClick={this.props.clearSelections}
                        />
                    </div>
                    <div style={{height: "calc(100% - 55px)"}}>
                    {
                        this.props.shopSelected ?
                        (
                            this.props.beanSelected ?
                            (
                                <BeanDetail
                                    className="bean-detail"
                                />
                            ) : (
                                <ShopDetail
                                    className="shop-detail"
                                />
                            )
                        ) : (
                            <SideList
                                className="shop-list"
                            />
                        )
                    }
                    </div>
                </div>
                <div style={mapContainerStyle}>
                    <MapView
                        className="map-view"
                    />
{'fraction_non_alphanumeric': 0.10559796437659033, 'fraction_numerical': 0.013358778625954198, 'mean_word_length': 0.9987288135593221, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2964698', 'n_tokens_mistral': 1188, 'n_tokens_neox': 1079, 'n_words': 213}