Merge pull request #788 from eea/develop

Develop
eea · Jun 20, 2024 · bb20bc1 · bb20bc1
2 parents 00c39ac + 2cd6429
commit bb20bc1
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,8 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [0.1.291](https://github.com/eea/volto-arcgis-block/compare/0.1.290...0.1.291) - 20 June 2024
+
 ### [0.1.290](https://github.com/eea/volto-arcgis-block/compare/0.1.289...0.1.290) - 19 June 2024
 
 ### [0.1.289](https://github.com/eea/volto-arcgis-block/compare/0.1.288...0.1.289) - 18 June 2024

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.290",
+  "version": "0.1.291",
   "description": "volto-arcgis-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: CodeSyntax",

diff --git a/src/components/MapViewer/AreaWidget.jsx b/src/components/MapViewer/AreaWidget.jsx
@@ -212,7 +212,7 @@ class AreaWidget extends React.Component {
     if (document.querySelector('#download_prepackage').checked) {
       this.setState({
         showInfoPopup: true,
-        infoPopupType: 'download',
+        infoPopupType: 'prepackage',
       });
     } else {
       this.setState({
@@ -851,7 +851,9 @@ class AreaWidget extends React.Component {
       'none';
   }
   areaSearch() {
-    let searchText = document.querySelector('#area-searchtext').value;
+    let searchText = document
+      .querySelector('#area-searchtext')
+      .value.toUpperCase();
     if (searchText.length <= 2) {
       this.loadNutsService('nuts0', [0]);
       this.loadCountriesService('nuts0');
@@ -1327,6 +1329,17 @@ class AreaWidget extends React.Component {
                       </div>
                     </>
                   )}
+                  {this.state.infoPopupType === 'prepackage' && (
+                    <>
+                      <span className="drawRectanglePopup-icon">
+                        <FontAwesomeIcon icon={['fas', 'download']} />
+                      </span>
+                      <div className="drawRectanglePopup-text">
+                        Click on the download icon on “Products and datasets” to
+                        continue
+                      </div>
+                    </>
+                  )}
                   {this.state.infoPopupType === 'fullDataset' && (
                     <>
                       <span className="drawRectanglePopup-icon">