import React, { Component } from 'react'; import { connect, ResolveThunks } from 'react-redux'; import { Container, Form } from '@redux-devtools/ui'; import { changeStateTreeSettings } from '../../actions'; import { CoreStoreState } from '../../reducers'; type StateProps = ReturnType; type DispatchProps = ResolveThunks; type Props = StateProps & DispatchProps; export class StateTree extends Component { render() { const stateTree = this.props.theme; const formData = { sortAlphabetically: stateTree.sortAlphabetically, disableCollection: stateTree.disableCollection, }; return (
); } } const mapStateToProps = (state: CoreStoreState) => ({ theme: state.stateTreeSettings, }); const actionCreators = { changeStateTreeSettings, }; export default connect(mapStateToProps, actionCreators)(StateTree);