Added play button

imports/ui/pages/Index/Index.js

@@ -11,6 +11,7 @@ import PropTypes from 'prop-types';
 // import { Link } from 'react-router-dom';
 // https://www.npmjs.com/package/react-resize-detector
 import ReactResizeDetector from 'react-resize-detector';
+import MobileStoreButton from 'react-mobile-store-button';
 import _ from 'lodash';
 import 'html5-device-mockups/dist/device-mockups.min.css';
 import 'bootstrap-carousel-swipe/carousel-swipe';
@@ -20,7 +21,6 @@ import SubscriptionsMap from '/imports/ui/pages/Subscriptions/SubscriptionsMap';
 import ShareIt from '/imports/ui/components/ShareIt/ShareIt';
 import getFallbackLang from '/imports/modules/lang-fallback';
 import FiresMap from '../FiresMap/FiresMap';
-
 import './Index.scss';
 import './Index-custom.scss';
 
@@ -102,6 +102,7 @@ class Index extends Component {
   render() {
     const { t } = this.props;
     const title = `${t('AppName')}: ${t('Inicio')}`;
+    const androidUrl = 'https://play.google.com/store/apps/details?id=org.comunes.fires';
     return (
       <div className="IndexDisabled full-width">
         <Helmet>
@@ -181,6 +182,9 @@ class Index extends Component {
                 </div>
                 <p className="moto"><Trans>Siempre alerta a los fuegos en nuestro vecindario</Trans></p>
                 {/* <Link className="participe-btn btn btn-lg btn-warning" role="button" to="/#platforms">{this.props.t('Participa')}</Link> */}
+                <p>
+                  <MobileStoreButton store="android" url={androidUrl} />
+                </p>
               </div>
             </section>
           </section>

package-lock.json

@@ -6227,7 +6227,8 @@
         },
         "jsbn": {
           "version": "0.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "json-schema": {
           "version": "0.2.3",
@@ -17922,6 +17923,15 @@
       "resolved": "https://registry.npmjs.org/react-leaflet-sidebarv2/-/react-leaflet-sidebarv2-0.5.1.tgz",
       "integrity": "sha512-HaEeIq3TfK1Hy7xIuX3hv895LNpu1xIBCgW+I1INrqX/95nNRw6ItNQOxmk0YO5ImrSaDeV6rDXKsAGojjngdg=="
     },
+    "react-mobile-store-button": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/react-mobile-store-button/-/react-mobile-store-button-0.0.3.tgz",
+      "integrity": "sha512-fuMUeaR2yxOvPfYV2TOsQT+bzenEHGSg5PqKrCyn34m13loZEUf2BJuJ5J8k4EvWPHmljLDfc5dnGhaKd4qVTQ==",
+      "requires": {
+        "prop-types": "15.6.0",
+        "react": "16.2.0"
+      }
+    },
     "react-overlays": {
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/react-overlays/-/react-overlays-0.7.4.tgz",

package.json

@@ -76,6 +76,7 @@
     "react-leaflet-fullscreen": "0.0.6",
     "react-leaflet-google": "^3.2.1",
     "react-leaflet-sidebarv2": "^0.5.1",
+    "react-mobile-store-button": "0.0.3",
     "react-places-autocomplete": "^5.4.3",
     "react-progress-bar.js": "^0.2.3",
     "react-resize-detector": "^1.1.0",