@bigfishtv/cockpit/src/components/modal/RedirectEditModal.js

import React, { Component } from 'react'

import modalFormValueContext from '../../decorators/modalFormValueContext'

import Modal from '../modal/Modal'

import RedirectEditFieldset from '../template/RedirectEditFieldset'

@modalFormValueContext
export default class RedirectEditModal extends Component {
	static defaultProps = {
		isNew: false,
	}

	handleSave = () => {
		this.props.onSave(this.props.formValue, this.props.isNew)
	}

	handleClose = (didSave = false) => {
		this.props.onClose(this.props.formValue, didSave, this.props.isNew)
	}

	render() {
		return (
			<Modal
				{...this.props}
				size="medium"
				ModalActions={ModalActions}
				title={this.props.isNew ? 'Save Redirect' : 'Edit Redirect'}
				onClose={this.handleClose}
				onSave={this.handleSave}>
				<RedirectEditFieldset formValue={this.props.formValue} />
			</Modal>
		)
	}
}

class ModalActions extends Component {
	render() {
		return (
			<div>
				<button className="button button-primary" onClick={this.props.onSave}>
					Save
				</button>
				<button className="button" onClick={this.props.onClose}>
					Cancel
				</button>
			</div>
		)
	}
}