bonsai-analyzer/src/components/AppContainer.js

Trim your dependency tree.

/*
 * @flow
 */

import type { AppState } from '../utils/reducer';
import type { Dispatch, State } from '../utils/reducer';
import type { Props, DispatchProps, StateProps } from './App';

import App from './App';
import {connect} from 'react-redux';
import {
  PickDataPath,
  DroppedDataFile,
} from '../utils/actions';

function getAppState(state: State): AppState {
  if (!state.selectedFilename || !state.dataPaths[state.selectedFilename]) {
    return 'empty';
  }
  switch (state.dataPaths[state.selectedFilename]) {
    case 'unknown': // fall through
    case 'loading':
      return 'loading';
    case 'ready':
      return 'loaded';
    case 'error': // fall through
    default:
      return 'empty';
  }
}

const mapStateToProps = (state: State): StateProps => {
  return {
    appState: getAppState(state),
  };
};

const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => {
  return {
    onPickedFile: PickDataPath(dispatch),
    onDroppedFile: DroppedDataFile(dispatch),
  };
};

export default connect<Props, {||}, _, _, _, _>(
  mapStateToProps,
  mapDispatchToProps
)(App);