import React from 'react';
import {connect} from 'react-redux';

import Desktop from './Desktop.jsx';
import Navbar from './Navbar.jsx';
import LoginPage from './LoginPage.jsx';

import './System.less';

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

    render() {
        let content;
        if (this.props.auth.isLogin) {
            content = (
                <div className='ui-system'>
                    <Navbar />
                    <Desktop />
                </div>
            );
        }
        else {
            content = (<LoginPage />);
        }

        return (
            <div>
                {content}
            </div>
        );
    }
}

function mapStateToProps(state) {
    return state;
}

export default connect(mapStateToProps)(System);