diff --git a/imports/ui/pages/Index/Index.js b/imports/ui/pages/Index/Index.js index 0545f1b..2b9ae90 100644 --- a/imports/ui/pages/Index/Index.js +++ b/imports/ui/pages/Index/Index.js @@ -2,7 +2,7 @@ /* eslint-disable react/jsx-indent-props */ /* eslint-disable key-spacing */ /* eslint-env jquery */ -import React, { Component } from 'react'; +import React, { Component, Fragment } from 'react'; import { translate, Trans } from 'react-i18next'; import PropTypes from 'prop-types'; // import { HashLink as Link } from 'react-router-hash-link'; @@ -40,6 +40,18 @@ class Index extends Component { this.myScaleFunction(); } + getMap(isMobile) { + if (!isMobile) { + return ( +
+
+ +
+
); + } + return (); + } + scaleHeader() { const scalable = document.getElementById('tcefh1'); const margin = 10; @@ -58,8 +70,8 @@ class Index extends Component { render() { // https://github.com/subtirelumihail/react-fullpage const fullPageOptions = { + anchors: isAnyMobile ? ['home', 'crowdsourcing', 'participe', 'platforms'] : ['home', 'crowdsourcing', 'participe', 'fires', 'platforms'], // the anchors for each sections activeClass: 'active', // the class that is appended to the sections links - anchors: ['home', 'crowdsourcing', 'participe', 'fires', 'platforms'], // the anchors for each sections arrowNavigation: true, // use arrow keys (true after development) className: 'section-container', // the class name for the section container delay: 1000, // the scroll animation speed @@ -169,11 +181,7 @@ class Index extends Component {
-
-
- -
-
+ {this.getMap(isAnyMobile)}