text: import React, { Component } from 'react'
  import { connect } from 'react-redux'
  import { handleInitialData } from '../actions/shared'
  import Dashboard from './Dashboard'
  
  
  class App extends Component {
      
      componentDidMount() {
         this.props.dispatch(handleInitialData()) 
      }
  
      render() {
          return (
              <div>
              {
                  this.props.loading === true ? 
                  <h1>LOADING</h1> :
                  <Dashboard />
              }
              </div>
          )
      }
  }
  
  function mapStateToProps({ authedUser }) {
      return {
          loading: authedUser === null
      }
  }
  
  export default connect(mapStateToProps)(App)
  