astuto/app/javascript/containers/Board.tsx

import { connect } from 'react-redux';

import { requestPosts } from '../actions/requestPosts';
import { requestPostStatuses } from '../actions/requestPostStatuses';
import {
  setSearchFilter,
  setPostStatusFilter,
} from '../actions/changeFilters';

import { State } from '../reducers/rootReducer';

import BoardP from '../components/Board/BoardP';

const mapStateToProps = (state: State) => ({
  posts: state.posts,
  postStatuses: state.postStatuses,
});

const mapDispatchToProps = (dispatch) => ({
  requestPosts(boardId: number, page: number = 1, searchQuery: string = '', postStatusId: number = null) {
    dispatch(requestPosts(boardId, page, searchQuery, postStatusId));
  },

  requestPostStatuses() {
    dispatch(requestPostStatuses());
  },

  handleSearchFilterChange(searchQuery: string) {
    dispatch(setSearchFilter(searchQuery));
  },

  handlePostStatusFilterChange(postStatusId: number) {
    dispatch(setPostStatusFilter(postStatusId));
  },
});

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(BoardP);