import React from 'react'
import { connect } from 'react-redux'
import Editor from '../../containers/Editor'
import Status from '../status'
import Output from '../Output'

import './styles.css'

const App = ({ output, status }) => {
  return (
    <div className='App'>
      <div className='App__EditorOutput'>
        <Editor />
        <Output>{output}</Output>
      </div>
      <div className='App__Status'>
        <Status status={status} />
      </div>
    </div>
  )
}

const mapStateToProps = (state) => {
  return {
    output: state.app.output,
    status: state.app.status
  }
}

export default connect(mapStateToProps)(App)

import React from 'react'
import { connect } from 'react-redux'
import Editor from '../../containers/Editor'
import Status from '../Status'
import Output from '../Output'

import './styles.css'

const App = ({ output, status }) => {
  return (
    <div className='App'>
      <div className='App__EditorOutput'>
        <Editor />
        <Output>{output}</Output>
      </div>
      <div className='App__Status'>
        <Status status={status} />
      </div>
    </div>
  )
}

const mapStateToProps = (state) => {
  return {
    output: state.app.output,
    status: state.app.status
  }
}

export default connect(mapStateToProps)(App)

use correct casing for path