diff --git a/src/components/Toolbar.jsx b/src/components/Toolbar.jsx
index 519c6f0..76b9cca 100644
--- a/src/components/Toolbar.jsx
+++ b/src/components/Toolbar.jsx
@@ -165,10 +165,17 @@ class Toolbar extends React.Component {
{(isTags) ? this.renderToolbarTab(2, tagsLabel, 'filter_list') : null}
)
@@ -197,7 +204,8 @@ function mapStateToProps (state) {
viewFilters: state.app.filters.views,
features: state.app.features,
narrative: state.app.narrative,
- sitesShowing: state.app.flags.isShowingSites
+ sitesShowing: state.app.flags.isShowingSites,
+ infoShowing: state.app.flags.isInfopopup
}
}
diff --git a/src/components/ToolbarBottomActions.jsx b/src/components/ToolbarBottomActions.jsx
index b20f87d..8040948 100644
--- a/src/components/ToolbarBottomActions.jsx
+++ b/src/components/ToolbarBottomActions.jsx
@@ -1,36 +1,35 @@
import React from 'react'
-import SitesIcon from './presentational/Icons/Sites.js'
-// import RefreshIcon from './presentational/Icons/RefreshIcon.js'
-// import CoeventIcon from './presentational/Icons/CoeventIcon.js'
-// import RouteIcon from './presentational/Icons/RouteIcon.js'
+import SitesIcon from './presentational/Icons/Sites'
+import CoverIcon from './presentational/Icons/Cover'
+import InfoIcon from './presentational/Icons/Info'
function ToolbarBottomActions (props) {
- function renderMapActions () {
- return (
+ function renderToggles () {
+ return [
{process.env.features.USE_SITES ? : null}
+
,
+
+
+
,
+
+ {process.env.features.USE_COVER ? : null}
- )
+ ]
}
return (
- {renderMapActions()}
-
- {/* */}
- {/* */}
- {/* */}
-
+ {renderToggles()}
)
}
diff --git a/src/components/presentational/Icons/Cover.js b/src/components/presentational/Icons/Cover.js
new file mode 100644
index 0000000..e1f1029
--- /dev/null
+++ b/src/components/presentational/Icons/Cover.js
@@ -0,0 +1,21 @@
+import React from 'react'
+
+const CoverIcon = ({ isActive, isDisabled, onClickHandler }) => {
+ let classes = (isActive) ? 'action-button enabled' : 'action-button'
+ if (isDisabled) {
+ classes = 'action-button disabled'
+ }
+
+ return (
+
+ )
+}
+
+export default CoverIcon
diff --git a/src/components/presentational/Icons/Info.js b/src/components/presentational/Icons/Info.js
new file mode 100644
index 0000000..f328021
--- /dev/null
+++ b/src/components/presentational/Icons/Info.js
@@ -0,0 +1,21 @@
+import React from 'react'
+
+const CoverIcon = ({ isActive, isDisabled, onClickHandler }) => {
+ let classes = (isActive) ? 'action-button enabled' : 'action-button'
+ if (isDisabled) {
+ classes = 'action-button disabled'
+ }
+
+ return (
+
+ )
+}
+
+export default CoverIcon
diff --git a/src/components/presentational/Icons/Sites.js b/src/components/presentational/Icons/Sites.js
index 0b394cb..86dcf06 100644
--- a/src/components/presentational/Icons/Sites.js
+++ b/src/components/presentational/Icons/Sites.js
@@ -11,9 +11,9 @@ const SitesIcon = ({ isActive, isDisabled, onClickHandler }) => {
className={classes}
onClick={onClickHandler}
>
-
+
+ location_on
+
)
}