wongjiahau/ttap-web

import { connect } from "react-redux";
import {
  AlgorithmVisualizerView,
  IAlgorithmVisualizerViewDispatchProps,
  IAlgorithmVisualizerViewStateProps,
} from "../../react/algorithmVisualizerView";
import { ToggleIsOpenOfAlgorithmVisualizerView } from "../actions/toggleIsOpenOfAlgorithmVisualizerView";
import { IMasterState } from "../reducers/masterState";

const mapStateToProps = (state: any): IAlgorithmVisualizerViewStateProps => {
  const masterState = state.MasterStateReducer as IMasterState;
  return {
    open: masterState.AlgorithmVisualizerState.isOpen,
    expectedHitCount: () =>
      masterState.TimetableListState.FiltrateTimetables.map(
        (x) => x.ListOfSlotUids.length
      ).reduce((x, y) => x + y, 0),
    actualHitCount: masterState.AlgorithmVisualizerState.searchedPathCount,
    fullSearchPathCount:
      masterState.AlgorithmVisualizerState.fullSearchPathCount,
    timeTaken: masterState.AlgorithmVisualizerState.timeTaken,
    handleClearAnimation: masterState.AlgorithmVisualizerState.clearAnimation,
  };
};

const mapDispatchToProps = (
  dispatch: any
): IAlgorithmVisualizerViewDispatchProps => {
  return {
    handleClose: () =>
      dispatch(new ToggleIsOpenOfAlgorithmVisualizerView(false)),
  };
};

export const AlgorithmVisualizerViewContainer = connect(
  mapStateToProps,
  mapDispatchToProps
)(AlgorithmVisualizerView);