only show sites toggle if USE_SITES

src/components/ToolbarBottomActions.jsx

@@ -13,10 +13,10 @@ function ToolbarBottomActions (props) {
           {/*   onClick={(view) => this.toggleMapViews(view)} */}
           {/*   isEnabled={this.props.viewFilters.routes} */}
           {/* /> */}
-          <SitesIcon
-            isActive={props.sites.enabled}
-            onClickHandler={props.sites.toggle}
-          />
+        {process.env.features.USE_SITES ? <SitesIcon
+          isActive={props.sites.enabled}
+          onClickHandler={props.sites.toggle}
+        /> : null}
           {/* <CoeventIcon */}
           {/*   onClick={(view) => this.toggleMapViews(view)} */}
           {/*   isEnabled={this.props.viewFilters.coevents} */}

src/scss/map.scss

@@ -16,11 +16,11 @@
   .leaflet-container {
     height: 100%;
 
-    img.leaflet-tile {
-      -webkit-filter: contrast(120%) brightness(115%) grayscale(95%); /* Webkit */
-     filter: gray; /* IE6-9 */
-     filter: contrast(120%) brightness(115%) grayscale(95%); /* W3C */
-    }
+    // img.leaflet-tile {
+    //   -webkit-filter: contrast(120%) brightness(115%) grayscale(95%); /* Webkit */
+    //  filter: gray; /* IE6-9 */
+    //  filter: contrast(120%) brightness(115%) grayscale(95%); /* W3C */
+    // }
   }
 
   &.hidden {

src/store/initial.js

@@ -51,7 +51,7 @@ const initial = {
     language: 'en-US',
     map: {
       anchor: [31.356397, 34.784818],
-      startZoom: 10,
+      startZoom: 11,
       minZoom: 7,
       maxZoom: 18,
       bounds: null,