Modal Issue #77da4

ListItem.js

import React, { Component } from 'react';
import { connect } from 'react-redux';
import listActions from '../../../redux/todo/actions';
import ListModal from '../ListModal/ListModal';
import modalActions from '../../../redux/modal/actions';




// Duck file. 
// import { actions } from '../../ducks/modal.js';

//End duck file. 


import '../ListItem/ListItem.css';

const { completeToDoRequest, openModalRequest } = listActions;
const { showModalRequest } = modalActions;

class ListItem extends Component {

    clickModal = () => {
      const { showModalRequest, showModalFunction } = this.props; 

      showModalFunction(showModalRequest);


    }

    inspectModal = () => {
    console.log(5);
    

  }


  completeClick = () => {
    const { todoId, completeToDo } = this.props;

    completeToDo(todoId);
  };

  render() {
    const { todo } = this.props;

    return (
      <div key="toDoName" className="to-do-list-item" onClick={this.inspectModal}>

        <h4>
          {todo.title} <br />
          {todo.company}
          <span
            className="done-button complete-todo-item blue-text btn-custom"
            role="button"
            tabIndex="0"
            onClick={this.completeClick}
            onKeyPress={() => {}}
          >
           
            <i className="done-icon">Done</i>
          </span>
		  <br />
		  <ListModal/>

        </h4>
        <p>{todo.message}</p>

      </div>
    );
  }
}

const mapDispatchToProps = {
  completeToDo: completeToDoRequest,
  showModal: showModalRequest

}

// const mapStateToProps = state => ({
//   modal: state.ModalReducer.modalProps

// });




export default connect(
  null, 
  mapDispatchToProps
)(ListItem);

ListModal.js

import React, { Component } from 'react'
import Button from './ButtonModal/Button/Button';
import  modalActions from '../../../redux/modal/actions';
import ModalExample from '../ListModal/ButtonModal/ModalExample';
import { connect } from 'react-redux';





export class ListModal extends Component {
  render() {
    return (
      <div>
        
			<Button
						onClick={() => {
							this.props.openModal({

								modalType: ModalExample,
								modalProps: {
									exit: [
										{
											text: '08a09dsf*as0df8',
											intent: 'success',
											onClick: () => {
											this.props.closeModal();
											}
										}
									],
									title: 'Title',
									text: 'Text',
									subTitle: 'Subtitle',
									hasClose: false,
									buttons: [
										{
											text: 'Text',
											intent: 'success',
											onClick: () => {
												alert('Ок =)');
												this.props.closeModal();
											}
										},
										{
											text: 'Text',
											onClick: () => {
												alert('Nooo =(');
												this.props.closeModal();
											}
										}
									]
								}
							});
						}}
						text="Open Modal"
					/>
      </div>
    )
  }
}



const mapDispatchToProps = dispatch => {
	return {
		openModal: modalParams => dispatch(modalActions.openModal(modalParams)),
		closeModal: () => dispatch(modalActions.closeModal())
	};
};
export default connect(null, mapDispatchToProps)(ListModal);