TicketDetail where I call the api

    import React from 'react'
import DateDisplay from '../usercontainers/DateDisplay'
import AssignTicket from '../ticketcomponents/AssignTicket'
import CommentList from '../ticketcomponents/CommentList'
import CreateComment from '../ticketcomponents/CreateComment'
export const TicketDetailView = (props) => {
    console.log('tdv')
    return (
        <div>
        <p>Subject:  {props.ticket.title}</p>
        <p>Description:  {props.ticket.body}</p>
        <p>Submitted By:  {props.ticket.created_by}</p>
        <p>Date Created:  <DateDisplay date={props.ticket.date} /></p>

            <AssignTicket ticket={props.ticket} user={props.user}>
            </AssignTicket>
            <CommentList ticket={props.ticket} user={props.user}
             commentCreated={props.commentCreated} />
            <CreateComment ticket={props.ticket} user={props.user}/>
        </div>
    )
}
export default TicketDetailView

import React from 'react'
import DateDisplay from '../usercontainers/DateDisplay'
import AssignTicket from '../ticketcomponents/AssignTicket'
import CommentList from '../ticketcomponents/CommentList'
import CreateComment from '../ticketcomponents/CreateComment'
export const TicketDetailView = (props) => {
    console.log('tdv')
    return (
        <div>


   <p>Subject:  {props.ticket.title}</p>
         <p>Description:  {props.ticket.body}</p>
          <p>Submitted By:  {props.ticket.created_by}</p>
         <p>Date Created:  <DateDisplay date={props.ticket.date} /></p>

              <AssignTicket ticket={props.ticket} user={props.user}>
               </AssignTicket>
              <CommentList ticket={props.ticket} user={props.user}
                commentCreated={props.commentCreated} />
             <CreateComment ticket={props.ticket} user={props.user}/>
            </div>
    )
}
export default TicketDetailView

import React from 'react'
import * as actions from '../store/actions/ticketaction'
import { withRouter } from 'react-router-dom'
import { connect } from 'react-redux';
import { withStyles } from '@material-ui/core/styles';
import compose from 'recompose/compose';
import TicketListView from '../ticketcontainers/TicketListView'
const styles = theme => ({})



class CreateComment extends React.Component {
    handleSubmit = (e) => {
        // e.preventDefault();
        const date = Date.now()
        const user = this.props.user.username
        const ticket = this.props.ticket.id
        this.props.postComment(e.target.comment.value, date, user, ticket)
        };

    render(){
        console.log(this.props)
        let commentStatus = null
        if(this.props.commentCreated){
            commentStatus = (
                <p>Your comment added</p>
            )
        }
        return(
            <form onSubmit={this.handleSubmit}>
            {commentStatus}
            <textarea
            name='comment'></textarea>
            <button
            type='submit'>Submit
            </button>
            </form>

        )
    }

}

const mapStateToDispatch = (dispatch) => ({
    postComment: (comment, date, user, ticket) =>
 dispatch(actions.postComment(comment, date, user, ticket)),
  })

export default withRouter(connect(null, mapStateToDispatch)(CreateComment))