comunes/todos-contra-el-fuego-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Lint fixes

Browse source
This commit is contained in:
vjrj 2017-12-14 10:14:38 +01:00
parent ccf0716d3e
commit 45c6727bec
3 changed files with 164 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

88
imports/ui/pages/FireSubscription/FireSubscription.js
View file

@ -1,13 +1,14 @@
/* eslint-disable import/no-absolute-path */
/* eslint-disable react/jsx-indent-props */
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Row, Col } from 'react-bootstrap'; import { Row, Col } from 'react-bootstrap';
import { Trans, translate } from 'react-i18next'; import { Trans, translate } from 'react-i18next';
import DistanceSlider from '/imports/ui/components/DistanceSlider/DistanceSlider'; import DistanceSlider from '/imports/ui/components/DistanceSlider/DistanceSlider';
import SelectionMap from '/imports/ui/components/SelectionMap/SelectionMap'; import SelectionMap from '/imports/ui/components/SelectionMap/SelectionMap';
import update from 'immutability-helper';
import Gkeys from '/imports/startup/client/Gkeys'; import Gkeys from '/imports/startup/client/Gkeys';
import SubsAutocomplete from './SubsAutocomplete';
import CenterInMyPosition from '/imports/ui/components/CenterInMyPosition/CenterInMyPosition.js'; import CenterInMyPosition from '/imports/ui/components/CenterInMyPosition/CenterInMyPosition.js';
import SubsAutocomplete from './SubsAutocomplete';
class FireSubscription extends React.Component { class FireSubscription extends React.Component {
constructor(props) { constructor(props) {
@ -18,26 +19,27 @@ class FireSubscription extends React.Component {
// console.log(this.props.location.state); // console.log(this.props.location.state);
} }
componentDidMount = () => { componentDidMount() {
Gkeys.load(function (err, key) { const self = this;
this.setState({ init: true }); Gkeys.load(() => {
}.bind(this)); self.setState({ init: true });
} });
centerOnUserLocation(value) {
this.setState(update(this.state, {$merge: {lat: value.center[0], lng: value.center[1]}}));
} }
onAutocompleteChange(value) { onAutocompleteChange(value) {
this.setState(update(this.state, {$merge: {lat: value.lat, lng: value.lng}})); this.setState({ lat: value.lat, lng: value.lng });
} }
onSliderChange(value) { onSliderChange(value) {
this.setState(update(this.state, {$merge: {distance: value}})); this.setState({ distance: value });
} }
onSelection(value) { onSelection(value) {
this.setState(update(this.state, {$merge: {lat: value.lat, lng: value.lng, distance: value.distance}})); this.setState({ lat: value.lat, lng: value.lng, distance: value.distance });
}
centerOnUserLocation(value) {
this.setState({ lat: value.center[0], lng: value.center[1] });
} }
render() { render() {
@ -45,37 +47,37 @@ class FireSubscription extends React.Component {
// https://github.com/kenny-hibino/react-places-autocomplete/blob/master/demo/Demo.js // https://github.com/kenny-hibino/react-places-autocomplete/blob/master/demo/Demo.js
if (!this.state.init) { if (!this.state.init) {
return <div/> return <div />;
} else {
return (
<div>
<Row>
<Col xs={12} sm={12} md={6} lg={6} >
<div>
<h4 className="page-header"><Trans parent="span">Suscríbete a alertas de fuegos</Trans></h4>
<SubsAutocomplete
focusInput={this.props.focusInput}
onChange={ (value) => this.onAutocompleteChange(value) }/>
</div>
</Col>
<Col xs={12} sm={12} md={6} lg={6} >
<DistanceSlider onChange={(value) => this.onSliderChange(value)} />
<Row className="align-items-center justify-content-center">
<CenterInMyPosition onClick={(viewport) => this.centerOnUserLocation(viewport)} />
</Row>
</Col>
</Row>
<Row className="align-items-center justify-content-center">
<SelectionMap
center={[this.state.lat, this.state.lng]}
distance={this.state.distance}
history={this.props.history}
onSelection={(state) => this.onSelection(state)}
/>
</Row>
</div>
);
} }
return (
<div>
<Row>
<Col xs={12} sm={12} md={6} lg={6} >
<div>
<h4 className="page-header"><Trans parent="span">Suscríbete a alertas de fuegos</Trans></h4>
<SubsAutocomplete
focusInput={this.props.focusInput}
onChange={value => this.onAutocompleteChange(value)}
/>
</div>
</Col>
<Col xs={12} sm={12} md={6} lg={6} >
<DistanceSlider onChange={value => this.onSliderChange(value)} />
<Row className="align-items-center justify-content-center">
<CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} />
</Row>
</Col>
</Row>
<Row className="align-items-center justify-content-center">
<SelectionMap
center={[this.state.lat, this.state.lng]}
distance={this.state.distance}
history={this.props.history}
onSelection={state => this.onSelection(state)}
/>
</Row>
</div>
);
} }
} }

55
imports/ui/pages/FireSubscription/SubsAutocomplete.js
View file

@ -1,35 +1,36 @@
/* eslint-disable react/jsx-indent-props */
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Trans, translate } from 'react-i18next'; import { Trans, translate } from 'react-i18next';
import PlacesAutocomplete, { geocodeByAddress, geocodeByPlaceId, getLatLng } from 'react-places-autocomplete'; import PlacesAutocomplete, { geocodeByAddress, getLatLng } from 'react-places-autocomplete';
import { FormGroup, ControlLabel, HelpBlock } from 'react-bootstrap'; import { FormGroup, ControlLabel, HelpBlock } from 'react-bootstrap';
class SubsAutocomplete extends React.Component { class SubsAutocomplete extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
address: '', address: ''
}; };
} }
onChange = (address) => { this.setState({ address }); } onChange(address) { this.setState({ address }); }
handleSelect = (address) => { handleSelect(address) {
const self = this; const self = this;
geocodeByAddress(address) geocodeByAddress(address)
.then((results) => getLatLng(results[0])) .then(results => getLatLng(results[0]))
.then(({ lat, lng }) => { .then(({ lat, lng }) => {
// console.log('Success Yay', { lat, lng }) // console.log('Success Yay', { lat, lng })
// const newState = update(this.state, {$merge: {lat: lat, lng: lng}}); // const newState = update(this.state, {$merge: {lat: lat, lng: lng}});
// console.log(newState); // console.log(newState);
// this.setState(newState); // this.setState(newState);
self.props.onChange({lat: lat, lng: lng}); self.props.onChange({ lat, lng });
// console.log(this.state); // console.log(this.state);
}) })
.catch(error => { .catch((error) => {
console.log(error); console.log(error);
if (error === 'ZERO_RESULTS') { if (error === 'ZERO_RESULTS') {
console.log("No results"); console.log('No results');
} }
}); });
} }
@ -43,17 +44,17 @@ class SubsAutocomplete extends React.Component {
backgroundSize: 'auto 12px', backgroundSize: 'auto 12px',
backgroundPosition: 'bottom left 10px', backgroundPosition: 'bottom left 10px',
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',
backgroundImage: "url('https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png')", backgroundImage: "url('https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png')"
}, }
} };
// http://simplelineicons.com/ // http://simplelineicons.com/
const AutocompleteItem = ({ formattedSuggestion }) => ( const AutocompleteItem = ({ formattedSuggestion }) => (
<div className="suggestion-item"> <div className="suggestion-item">
<i className="icons icon-location-pin suggestion-icon"/>{' '} <i className="icons icon-location-pin suggestion-icon" />{' '}
<strong>{formattedSuggestion.mainText}</strong>{' '} <strong>{formattedSuggestion.mainText}</strong>{' '}
<small className="text-muted">{formattedSuggestion.secondaryText}</small> <small className="text-muted">{formattedSuggestion.secondaryText}</small>
</div>) </div>);
return ( return (
<form> <form>
@ -67,11 +68,12 @@ class SubsAutocomplete extends React.Component {
classNames={{ classNames={{
root: 'form-group', root: 'form-group',
input: 'form-control', input: 'form-control',
autocompleteContainer: 'autocomplete-container'}} autocompleteContainer: 'autocomplete-container'
}}
googleLogo={false} googleLogo={false}
highlightFirstSuggestion={true} highlightFirstSuggestion
onSelect={(address) => this.handleSelect(address)} onSelect={address => this.handleSelect(address)}
onEnterKeyDown={(address) => this.handleSelect(address)} onEnterKeyDown={address => this.handleSelect(address)}
options={{ options={{
// location: new google.maps.LatLng(-34, 151), // location: new google.maps.LatLng(-34, 151),
// radius: 2000, // radius: 2000,
@ -81,21 +83,24 @@ class SubsAutocomplete extends React.Component {
inputProps={ inputProps={
{ {
value: this.state.address, value: this.state.address,
onChange: (address) => this.onChange(address), onChange: address => this.onChange(address),
placeholder: this.props.t("Escribe aquí un lugar "), placeholder: this.props.t('Escribe aquí un lugar'),
onBlur:() => { /* console.log('Blur event!'); */ }, onBlur: () => { /* console.log('Blur event!'); */ },
onFocus:() => { /* console.log('Focused!'); */ }, onFocus: () => { /* console.log('Focused!'); */ },
autoFocus: this.props.focusInput autoFocus: this.props.focusInput
}} /> }}
/>
<HelpBlock><Trans parent="span">También puedes seleccionar el lugar en el mapa arrastrando el puntero naranja.</Trans></HelpBlock> <HelpBlock><Trans parent="span">También puedes seleccionar el lugar en el mapa arrastrando el puntero naranja.</Trans></HelpBlock>
</FormGroup> </FormGroup>
</form> </form>
) );
} }
} }
SubsAutocomplete.propTypes = { SubsAutocomplete.propTypes = {
focusInput: PropTypes.bool.isRequired focusInput: PropTypes.bool.isRequired,
t: PropTypes.func.isRequired,
i18n: PropTypes.object.isRequired
}; };
export default translate([], { wait: true }) (SubsAutocomplete); export default translate([], { wait: true })(SubsAutocomplete);

180
imports/ui/pages/Index/Index.js
View file

@ -1,15 +1,19 @@
import React, {Component} from 'react'; /* eslint-disable import/no-absolute-path */
import { Button } from 'react-bootstrap'; /* eslint-disable react/jsx-indent-props */
/* eslint-disable key-spacing */
/* eslint-env jquery */
import React, { Component } from 'react';
import { translate, Trans } from 'react-i18next'; import { translate, Trans } from 'react-i18next';
import {render} from 'react-dom'; import PropTypes from 'prop-types';
// import { HashLink as Link } from 'react-router-hash-link'; // import { HashLink as Link } from 'react-router-hash-link';
// import { Link } from 'react-router-dom'; // import { Link } from 'react-router-dom';
// https://www.npmjs.com/package/react-resize-detector // https://www.npmjs.com/package/react-resize-detector
import ReactResizeDetector from 'react-resize-detector'; import ReactResizeDetector from 'react-resize-detector';
import {ScrollToTopOnMount, SectionsContainer, Section} from 'react-fullpage'; import _ from 'lodash';
import FiresMap from '../FiresMap/FiresMap'; import { ScrollToTopOnMount, SectionsContainer, Section } from 'react-fullpage';
import FireSubscription from '/imports/ui/pages/FireSubscription/FireSubscription';
import 'html5-device-mockups/dist/device-mockups.min.css'; import 'html5-device-mockups/dist/device-mockups.min.css';
import FireSubscription from '/imports/ui/pages/FireSubscription/FireSubscription';
import FiresMap from '../FiresMap/FiresMap';
import './Index.scss'; import './Index.scss';
import './Index-custom.scss'; import './Index-custom.scss';
@ -20,53 +24,39 @@ class Index extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
const self = this;
this.myScaleFunction = _.debounce(() => {
self.scaleHeader();
}, 250);
this.onResize = this.onResize.bind(this);
} }
debounce = (func, wait, immediate) => { componentDidMount() {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
scaleHeader = () => {
var scalable = document.getElementById('tcefh1');
var margin = 10;
var scalableContainer = scalable.parentNode;
scalable.style.transform = 'scale(1)';
var scalableContainerWidth = scalableContainer.offsetWidth - margin;
var scalableWidth = scalable.offsetWidth;
scalable.style.transform = 'scale(' + scalableContainerWidth / scalableWidth + ')';
scalableContainer.style.height = scalable.getBoundingClientRect().height + 'px';
};
myScaleFunction = this.debounce(() => {
this.scaleHeader();
}, 250);
_onResize = () => {
this.myScaleFunction();
};
componentDidMount = () => {
$('.carousel').carousel(); $('.carousel').carousel();
} }
handleBtnClick = (event) => { onResize() {
this.myScaleFunction();
}
scaleHeader() {
const scalable = document.getElementById('tcefh1');
const margin = 10;
const scalableContainer = scalable.parentNode;
scalable.style.transform = 'scale(1)';
const scalableContainerWidth = scalableContainer.offsetWidth - margin;
const scalableWidth = scalable.offsetWidth;
scalable.style.transform = `scale(${scalableContainerWidth / scalableWidth})`;
scalableContainer.style.height = `${scalable.getBoundingClientRect().height}px`;
}
handleBtnClick() {
window.open('https://t.me/TodosContraElFuego_bot', '_blank'); window.open('https://t.me/TodosContraElFuego_bot', '_blank');
} }
render() { render() {
// https://github.com/subtirelumihail/react-fullpage // https://github.com/subtirelumihail/react-fullpage
let fullPageOptions = { const fullPageOptions = {
activeClass: 'active', // the class that is appended to the sections links activeClass: 'active', // the class that is appended to the sections links
anchors: ['home', 'crowdsourcing', 'platforms', 'participe', 'fires'], // the anchors for each sections anchors: ['home', 'crowdsourcing', 'platforms', 'participe', 'fires'], // the anchors for each sections
arrowNavigation: false, // use arrow keys (true after development) arrowNavigation: false, // use arrow keys (true after development)
@ -88,67 +78,70 @@ class Index extends Component {
<SectionsContainer className="container" {...fullPageOptions}> <SectionsContainer className="container" {...fullPageOptions}>
<Section> <Section>
<header> <header>
<ReactResizeDetector handleWidth handleHeight onResize={this._onResize} /> <ReactResizeDetector handleWidth handleHeight onResize={this.onResize} />
<div id="carouselExampleIndicators" className="carousel slide" <div
ref="slides"> id="carouselExampleIndicators"
className="carousel slide"
ref={(ref) => { this.slides = ref; }}
>
<ol className="carousel-indicators"> <ol className="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" className="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="0" className="active" />
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1" />
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2" />
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li> <li data-target="#carouselExampleIndicators" data-slide-to="3" />
</ol> </ol>
<div className="carousel-inner" role="listbox"> <div className="carousel-inner" role="listbox">
<div className="carousel-item carousel-item-1 active"> <div className="carousel-item carousel-item-1 active">
<div className="slide-1-icon"></div> <div className="slide-1-icon" />
<div className="carousel-caption"> <div className="carousel-caption">
<h3><i className="fa fa-map-pointer" aria-hidden="true"></i>Elige un lugar</h3> <h3><i className="fa fa-map-pointer" aria-hidden="true" />Elige un lugar</h3>
<p></p> <p />
</div> </div>
</div> </div>
<div className="carousel-item carousel-item-2"> <div className="carousel-item carousel-item-2">
<div className="slide-2-icon"></div> <div className="slide-2-icon" />
<div className="carousel-caption"> <div className="carousel-caption">
<h3><i className="fa fa-dot-circle-o" aria-hidden="true"></i>Elige un radio de vigilancia</h3> <h3><i className="fa fa-dot-circle-o" aria-hidden="true" />Elige un radio de vigilancia</h3>
<p></p> <p />
</div> </div>
</div> </div>
<div className="carousel-item carousel-item-3"> <div className="carousel-item carousel-item-3">
<div className="slide-3-icon"></div> <div className="slide-3-icon" />
<div className="carousel-caption"> <div className="carousel-caption">
<h3><i className="fa fa-podcast" aria-hidden="true"></i>Recibe alertas de fuegos en esa zona</h3> <h3><i className="fa fa-podcast" aria-hidden="true" />Recibe alertas de fuegos en esa zona</h3>
<p></p> <p />
</div> </div>
</div> </div>
<div className="carousel-item carousel-item-4"> <div className="carousel-item carousel-item-4">
<div className="slide-4-icon"></div> <div className="slide-4-icon" />
<div className="carousel-caption"> <div className="carousel-caption">
<h3><i className="fa fa-bell-o" aria-hidden="true"></i>Alerta cuando hay un fuego</h3> <h3><i className="fa fa-bell-o" aria-hidden="true" />Alerta cuando hay un fuego</h3>
<p></p> <p />
</div> </div>
</div> </div>
</div> </div>
<a className="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <a className="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span className="carousel-control-prev-icon" aria-hidden="true"></span> <span className="carousel-control-prev-icon" aria-hidden="true" />
<span className="sr-only">Previous</span> <span className="sr-only">Previous</span>
</a> </a>
<a className="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <a className="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span className="carousel-control-next-icon" aria-hidden="true"></span> <span className="carousel-control-next-icon" aria-hidden="true" />
<span className="sr-only">Next</span> <span className="sr-only">Next</span>
</a> </a>
</div> </div>
</header> </header>
<section className="py-5"> <section className="py-5">
<div className="container"> <div className="container">
<div className="scale__container--js"> <div className="scale__container--js">
<h1 id="tcefh1" className="scale--js">{this.props.t('AppName')}</h1> <h1 id="tcefh1" className="scale--js">{this.props.t('AppName')}</h1>
</div>
<p>Siempre alerta a los fuegos en nuestro vecindario</p>
{/* <Link className="participe-btn btn btn-lg btn-warning" role="button" to="/#platforms">{this.props.t('Participa')}</Link> */}
</div> </div>
<p>Siempre alerta a los fuegos en nuestro vecindario</p>
{/* <Link className="participe-btn btn btn-lg btn-warning" role="button" to="/#platforms">{this.props.t('Participa')}</Link> */}
</div>
</section> </section>
</Section> </Section>
@ -162,40 +155,40 @@ class Index extends Component {
</div> </div>
</div> </div>
</Section> </Section>
<a id="join" name="join"></a>
<Section className="platf"> <Section className="platf">
<div className="container"> <div className="container">
<div className="section-heading text-center"> <div className="section-heading text-center">
<h2><Trans>Somos muchos ojos</Trans></h2> <h2><Trans>Somos muchos ojos</Trans></h2>
<p className="text-muted"><Trans>Usamos diferentes fuentes de datos para notificarte de fuegos activos en tus zonas de interés</Trans></p> <p className="text-muted"><Trans>Usamos diferentes fuentes de datos para notificarte de fuegos activos en tus zonas de interés</Trans></p>
<hr/> <hr />
</div> </div>
<div className="row"> <div className="row">
<div className="col-lg-4 my-auto"> <div className="col-lg-4 my-auto">
<div className="device-wrapper"> <div className="device-wrapper">
<div className="device" data-device="iPhone6" data-orientation="portrait" data-color="white"> <div className="device" data-device="iPhone6" data-orientation="portrait" data-color="white">
<div className="screen"> <div className="screen">
{/* Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! */} {/* Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! */}
<img src="/telegram-screen.png" className="img-fluid" alt=""/> <img src="/telegram-screen.png" className="img-fluid" alt="" />
</div>
<div className="button" onClick={(event) => this.handleBtnClick(event)}></div>
</div> </div>
<div className="button" tabIndex="-1" onKeyDown={() => {}} role="button" onClick={() => this.handleBtnClick()} />
</div> </div>
</div> </div>
</div>
<div className="col-lg-8 my-auto"> <div className="col-lg-8 my-auto">
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-lg-6"> <div className="col-lg-6">
<a className="feature-link"target="_blank" href="https://t.me/TodosContraElFuego_bot"><div className="feature-item"> <a className="feature-link" rel="noopener noreferrer" target="_blank" href="https://t.me/TodosContraElFuego_bot">
<i className="fa fa-telegram text-primary"></i> <div className="feature-item">
<h3>Telegram</h3> <i className="fa fa-telegram text-primary" />
<p className="text-muted"><Trans>Usa nuestro bot de Telegram para estar al tanto de los fuegos en tus área</Trans></p> <h3>Telegram</h3>
</div></a> <p className="text-muted"><Trans>Usa nuestro bot de Telegram para estar al tanto de los fuegos en tus área</Trans></p>
</div>
</a>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-6">
<div className="feature-item"> <div className="feature-item">
<i className="icon-envelope-open text-primary"></i> <i className="icon-envelope-open text-primary" />
<h3><Trans>Correo electronico</Trans></h3> <h3><Trans>Correo electronico</Trans></h3>
<p className="text-muted"><Trans>Recibe nuestras notificaciones de fuegos por correo</Trans></p> <p className="text-muted"><Trans>Recibe nuestras notificaciones de fuegos por correo</Trans></p>
</div> </div>
@ -204,16 +197,16 @@ class Index extends Component {
<div className="row"> <div className="row">
<div className="col-lg-6"> <div className="col-lg-6">
<div className="feature-item"> <div className="feature-item">
<i className="icon-screen-smartphone text-primary"></i> <i className="icon-screen-smartphone text-primary" />
<h3><Trans>Otros dispositivos</Trans></h3> <h3><Trans>Otros dispositivos</Trans></h3>
<p className="text-muted"><Trans i18nKey="support-us-home">Estamos desarrollando nuestras herramientas para otros dispositivos. Puedes <a href="https://comunes.org/donate">contribuir a hacerlo posible.</a></Trans></p> <p className="text-muted"><Trans i18nKey="support-us-home">Estamos desarrollando nuestras herramientas para otros dispositivos. Puedes <a href="https://comunes.org/donate">contribuir a hacerlo posible.</a></Trans></p>
</div> </div>
</div> </div>
<div className="col-lg-6"> <div className="col-lg-6">
<div className="feature-item"> <div className="feature-item">
<i className="icon-lock-open text-primary"></i> <i className="icon-lock-open text-primary" />
<h3><Trans>Software Libre</Trans></h3> <h3><Trans>Software Libre</Trans></h3>
<p className="text-muted"><Trans i18nKey="dev-with-us-home">Todo nuestro trabajo es sofware libre. <a href="https://github.com/comunes/todos-contra-el-fuego" target="_blank">Traductoræs y desarrolladoræs siempre bienvenid@s</a>.</Trans></p> <p className="text-muted"><Trans i18nKey="dev-with-us-home">Todo nuestro trabajo es sofware libre. <a href="https://github.com/comunes/todos-contra-el-fuego" rel="noopener noreferrer" target="_blank">Traductoræs y desarrolladoræs siempre bienvenid@s</a>.</Trans></p>
</div> </div>
</div> </div>
</div> </div>
@ -227,7 +220,7 @@ class Index extends Component {
<div className="container"> <div className="container">
<FireSubscription history={this.props.history} focusInput={false} /> <FireSubscription history={this.props.history} focusInput={false} />
</div> </div>
<div className="overlay"></div> <div className="overlay" />
</Section> </Section>
<Section className=""> <Section className="">
@ -238,7 +231,12 @@ class Index extends Component {
</SectionsContainer> </SectionsContainer>
</div> </div>
); );
}; }
} }
Index.propTypes = {
history: PropTypes.object.isRequired,
t: PropTypes.func.isRequired
};
export default translate([], { wait: true })(Index); export default translate([], { wait: true })(Index);