diff --git a/client/js/defra-map/index.js b/client/js/defra-map/index.js index 04700a33..2379f604 100644 --- a/client/js/defra-map/index.js +++ b/client/js/defra-map/index.js @@ -736,7 +736,6 @@ getDefraMapConfig().then((defraMapConfig) => { const vtLayer = feature && vtLayers.find(vtLayer => vtLayer.name === feature.layer) if (feature && feature._symbol !== undefined) { - console.log('feature', feature) const floodZone = floodZoneSymbolIndex[feature._symbol] if (floodZone) { listContents.push(['Flood zone', floodZone]) @@ -759,6 +758,33 @@ getDefraMapConfig().then((defraMapConfig) => { } } - floodMap.info = renderInfo(renderList(listContents)) + let extraContent = '' + if (mapState.segments.includes('cl')) { + extraContent += ` +

Climate change allowances

+ ` + } + if (mapState.segments.includes('fz')) { + extraContent += ` +

Updates to flood zones 2 and 3

+

+ Flood zones 2 and 3 have been updated to include local detailed models, and a new improved national model. +

` + } + + floodMap.info = renderInfo(renderList(listContents), extraContent) }) }) diff --git a/client/js/defra-map/infoRenderer.js b/client/js/defra-map/infoRenderer.js index 1283bcc1..655117d9 100644 --- a/client/js/defra-map/infoRenderer.js +++ b/client/js/defra-map/infoRenderer.js @@ -21,14 +21,14 @@ const renderList = (valuePairs) => { return html } -const renderInfo = (html, label = 'Title') => { +const renderInfo = (html, extraContent = '', label = 'Title') => { if (!html) { return null } return { width: '360px', label, - html + html: html + extraContent } }