@eeacms/volto-eea-design-system 1.60.1 → 1.60.2

package/CHANGELOG.md

@@ -4,11 +4,13 @@ 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).
 
-### [1.60.1](https://github.com/eea/volto-eea-design-system/compare/1.60.0...1.60.1) - 17 April 2026
+### [1.60.2](https://github.com/eea/volto-eea-design-system/compare/1.60.1...1.60.2) - 22 April 2026
 
 #### :hammer_and_wrench: Others
 
-- filter header search box settings by path [Miu Razvan - [`4d752c6`](https://github.com/eea/volto-eea-design-system/commit/4d752c6f589cb0ccf49885a3b3a02fdf3875fb72)]
+- use proper state of header settings [Miu Razvan - [`03f2182`](https://github.com/eea/volto-eea-design-system/commit/03f2182e1248308ef4c406dbffab1d1433a2d510)]
+### [1.60.1](https://github.com/eea/volto-eea-design-system/compare/1.60.0...1.60.1) - 17 April 2026
+
 ### [1.60.0](https://github.com/eea/volto-eea-design-system/compare/1.50.2...1.60.0) - 17 April 2026
 
 #### :house: Documentation changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.60.1",
+  "version": "1.60.2",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ui/Header/Header.jsx

@@ -161,11 +161,12 @@ const Main = ({
   const [burger, setBurger] = React.useState('');
   const searchInputRef = React.useRef(null);
   const [isClient, setIsClient] = React.useState();
-  const headerSettings = useSelector(
-    (state) => state.eeaSettings?.data?.header || {},
+  const useAISearchIcon = useSelector(
+    (state) =>
+      state.reduxAsyncConnect?.headerSettings?.useAISearchIcon || false,
   );
 
-  const searchIcon = headerSettings.useAISearchIcon ? aiSearchIcon : searchSVG;
+  const searchIcon = useAISearchIcon ? aiSearchIcon : searchSVG;
 
   const itemsLayouts =
     menuItemsLayouts || config.settings?.menuItemsLayouts || {};

package/src/ui/Header/Header.stories.test.js

@@ -8,7 +8,7 @@ import { Default } from './Header.stories';
 import '@testing-library/jest-dom';
 
 const mockStore = createStore(() => ({
-  eeaSettings: { data: { header: {} } },
+  reduxAsyncConnect: { headerSettings: {} },
 }));
 
 global.ResizeObserver = require('resize-observer-polyfill');

package/src/ui/Header/Header.test.jsx

@@ -8,11 +8,9 @@ import { Provider } from 'react-redux';
 import '@testing-library/jest-dom';
 
 const mockState = {
-  eeaSettings: {
-    data: {
-      header: {
-        useAISearchIcon: false,
-      },
+  reduxAsyncConnect: {
+    headerSettings: {
+      useAISearchIcon: false,
     },
   },
 };

package/src/ui/Header/HeaderSearchPopUp.js

@@ -91,11 +91,12 @@ function HeaderSearchPopUp({
     getRandomItems(suggestions, maxToShow),
   );
 
-  const headerSettings = useSelector(
-    (state) => state.eeaSettings?.data?.header || {},
+  const useAISearchIcon = useSelector(
+    (state) =>
+      state.reduxAsyncConnect?.headerSettings?.useAISearchIcon || false,
   );
 
-  const searchIcon = headerSettings.useAISearchIcon ? aiSearchIcon : searchSVG;
+  const searchIcon = useAISearchIcon ? aiSearchIcon : searchSVG;
 
   useEffect(() => {
     setVisibileSuggestions(getRandomItems(suggestions, maxToShow));

package/src/ui/Header/HeaderSearchPopUp.test.js

@@ -7,11 +7,9 @@ import HeaderSearchPopUp from './HeaderSearchPopUp';
 import '@testing-library/jest-dom';
 
 const mockState = {
-  eeaSettings: {
-    data: {
-      header: {
-        useAISearchIcon: false,
-      },
+  reduxAsyncConnect: {
+    headerSettings: {
+      useAISearchIcon: false,
     },
   },
 };