import { doAcceptGigsEvent, doRejectGigsEvent, gigsEventAccepted } from '../actions/gigsAdminActions.js'
import React, { Component } from 'react';
import { connect } from 'react-redux';
//import {requestUser} from '../actions/settings.js'
import fetch from 'isomorphic-fetch';
import moment from 'moment';
import PropTypes from 'prop-types';
//Sub component
class AdminGigsEventInfo extends Component {
renderWithBR(description) {
if(description) {
const descriptionLines = description.split("\n");
if(descriptionLines.length > 1) {
return descriptionLines.map((line, index) => { line }
);
} else {
return { description };
}
} else {
return "";
}
}
render() {
const { gigsEvent } = this.props;
const date = moment(gigsEvent.date).format("DD/MMM/YYYY");
const time = moment(gigsEvent.date).format("HH:mm:ss");
const genres = gigsEvent.genres && gigsEvent.genres.map(genre => genre.title).join(", ") || "";
return(
Type of event | { gigsEvent.event_type.name } |
{ this.renderWithBR(gigsEvent.description) }
{ gigsEvent.published_date && Published Date: { moment(gigsEvent.published_date).format("DD/MMM/YYYY HH:mm:ss")} }
Requested Date: { moment(gigsEvent.created_at).format("DD/MMM/YYYY HH:mm:ss") }
|
---|---|---|
Busker | { gigsEvent.busker.name } | |
Location | { gigsEvent.city }, { gigsEvent.country } | |
Date | Time | Duration | { date } | { time } | { gigsEvent.duration_value } { gigsEvent.duration_unit } | |
Genres | { genres } | |
Acts | Budget | { gigsEvent.acts } | {gigsEvent.budget} { gigsEvent.budget_currency_code } | |
Can hat | Audience size | { gigsEvent.can_hat ? "Yes" : "No" }, { gigsEvent.audience_size } | |
Is Outdoor | { gigsEvent.is_outdoor ? "Yes" : "No" } | |
Equipment | { gigsEvent.has_pa ? "PA" : ""}, { gigsEvent.other_equipment } | |
Contact | { gigsEvent.name } | { gigsEvent.email } | |
Phone | { gigsEvent.phone } |