import React from 'react' import { Helmet } from 'react-helmet' import { connect } from 'react-redux' import ActivityCardHeader from './ActivityCardHeader' import ActivityDetails from './ActivityDetails' import ActivityMap from './ActivityMap' import CustomModal from './../../Others/CustomModal' import { getData } from '../../../actions' import { deleteActivity } from '../../../actions/activities' class ActivityDisplay extends React.Component { constructor(props, context) { super(props, context) this.state = { displayModal: false, } } componentDidMount() { this.props.loadActivity(this.props.match.params.activityId) } componentDidUpdate(prevProps) { if (prevProps.match.params.activityId !== this.props.match.params.activityId) { this.props.loadActivity(this.props.match.params.activityId) } } displayModal(value) { this.setState({ displayModal: value }) } render() { const { activities, message, onDeleteActivity, sports } = this.props const { displayModal } = this.state const [activity] = activities const title = activity ? activity.title : 'Activity' const [sport] = activity ? sports.filter(s => s.id === activity.sport_id) : [] return (
{message}
) : (