Old Control Panel

import React, { Component } from "react";
import { StyleSheet, Row, FormGroup, FormControl, ControlLabel, Button, HelpBlock } from 'react-bootstrap';
import './controlPanel.sass';
import { isEmail, isEmpty, isLength, isContainWhiteSpace } from 'shared/validator';
import { Jumbotron, Container } from 'reactstrap';
import { Link } from 'react-router';
import Login from '../login/Login';
import App from '../../App'
import {loginPanelStatus} from '../../login_status'


class controlPanel extends Component {
    constructor(props) {
        super(props)

        this.state = {
            formData: {}, // Contains login form data
            errors: {}, // Contains login field errors
            formSubmitted: false, // Indicates submit status of login form
            loading: false // Indicates in progress state of login form
        }
    }


    render() {
        let props = this.props;
        let login_state = this.context;

        const { errors, formSubmitted } = this.state;
        if (login_state.current_state == true) {
            return (
                <div className="controlPaneldes">
                    <p className="lead">SIGNED IN </p>
                    <Row>

                    </Row>
                </div>

            )
        }else {
        return (
            <div className="controlPaneldes">
                <p className="lead">NOT SIGNED IN</p>
                <Row>

                </Row>
            </div>

                )

            }
    }
}
controlPanel.contextType = loginPanelStatus;

export default controlPanel;