todos-contra-el-fuego-web/imports/ui/pages/NewSubscription/NewSubscription.js

50 lines
1.3 KiB
JavaScript

/* eslint-disable react/jsx-indent-props */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Trans, translate } from 'react-i18next';
import SubscriptionEditor from '../../components/SubscriptionEditor/SubscriptionEditor';
class NewSubscription extends Component {
constructor(props) {
super(props);
const pushState = this.props.location.state;
this.state = {
center: pushState ? pushState.center : [null, null],
zoom: pushState ? pushState.zoom : null,
// we have a subscription from home?
doc: pushState && pushState.location ? {
location: {
lat: pushState.location.lat,
lot: pushState.location.lon
},
distance: pushState.distance
} : undefined
};
}
render() {
const { history } = this.props;
return (
<div className="NewSubscription">
<h4 className="page-header"><Trans>Nueva zona</Trans></h4>
<SubscriptionEditor
history={history}
center={this.state.center}
zoom={this.state.zoom}
doc={this.state.doc}
/>
</div>
);
}
}
NewSubscription.defaultProps = {
};
NewSubscription.propTypes = {
history: PropTypes.object.isRequired,
location: PropTypes.object
};
export default translate([], { wait: true })(NewSubscription);