@eeacms/volto-clms-theme 1.1.147 → 1.1.149

package/CHANGELOG.md

@@ -4,6 +4,19 @@ 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.1.149](https://github.com/eea/volto-clms-theme/compare/1.1.148...1.1.149) - 14 May 2024
+
+#### :hammer_and_wrench: Others
+
+- update snapshot [Ion Lizarazu - [`48fbba7`](https://github.com/eea/volto-clms-theme/commit/48fbba77051a86789c2751f77bd679be075ad73f)]
+- eslint [Ion Lizarazu - [`e94e0c8`](https://github.com/eea/volto-clms-theme/commit/e94e0c85357e4c8ad9f71a995d186c740c64b3cc)]
+- modify a link [Ion Lizarazu - [`17b495f`](https://github.com/eea/volto-clms-theme/commit/17b495f6a8beaa66683ca851a4e457b51b474e7e)]
+- Modify login functionality on Unauthorized view, due to fix the non showing modal error [Ion Lizarazu - [`d324f75`](https://github.com/eea/volto-clms-theme/commit/d324f75339fc5ca9899cdb70b2d3d3c41d3b71d6)]
+### [1.1.148](https://github.com/eea/volto-clms-theme/compare/1.1.147...1.1.148) - 13 May 2024
+
+#### :hammer_and_wrench: Others
+
+- CLMS-3270 CLMS-3271 (Bugs): Cart calendar future dates + no year dropdown solved [Urkorue - [`4e08019`](https://github.com/eea/volto-clms-theme/commit/4e080197ab224a072f8d0e5e494faa698bfedd1f)]
 ### [1.1.147](https://github.com/eea/volto-clms-theme/compare/1.1.146...1.1.147) - 10 May 2024
 
 #### :hammer_and_wrench: Others
@@ -434,6 +447,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - to render nothing, return null [Mikel Larreategi - [`2fb3580`](https://github.com/eea/volto-clms-theme/commit/2fb35802b23e3aba5fd166aeefd103c929ffb5d1)]
 - simplify condtioin [Mikel Larreategi - [`f9b43da`](https://github.com/eea/volto-clms-theme/commit/f9b43da91d360e0028402f9a7ba762f16b0d9b22)]
+- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`7c6e9ca`](https://github.com/eea/volto-clms-theme/commit/7c6e9cac9da0c06d0f24711303404f5055fba7d1)]
 ### [1.1.80](https://github.com/eea/volto-clms-theme/compare/1.1.79...1.1.80) - 17 November 2023
 
 #### :bug: Bug Fixes
@@ -444,6 +458,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`37c3299`](https://github.com/eea/volto-clms-theme/commit/37c3299dd19c95057e70d48152bfef2365f2416c)]
 - CLMS-2509 (Bug): Lint [Urkorue - [`1bbc011`](https://github.com/eea/volto-clms-theme/commit/1bbc011481c0ee1feb68d0cf57c4a5a9f4c224ca)]
 - CLMS-2509 (Bug): Timeseries icon centered [Urkorue - [`fc38685`](https://github.com/eea/volto-clms-theme/commit/fc3868598ab592f01bb3ee23f985ada5c11227d4)]
 ### [1.1.78](https://github.com/eea/volto-clms-theme/compare/1.1.77...1.1.78) - 16 November 2023
@@ -496,14 +511,17 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`c55db1c`](https://github.com/eea/volto-clms-theme/commit/c55db1c20cfef1eb34c587343a4822fa4bde3c54)]
 ### [1.1.73](https://github.com/eea/volto-clms-theme/compare/1.1.72...1.1.73) - 6 November 2023
 
 #### :hammer_and_wrench: Others
 
+- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`3a543b9`](https://github.com/eea/volto-clms-theme/commit/3a543b9000c1168d54edfb8003eb08dfa7c85031)]
 - comment Integration tests [Ion Lizarazu - [`74713f8`](https://github.com/eea/volto-clms-theme/commit/74713f8f78d77ba193d8c27462cc8787d698ab81)]
 - uncomment cypress tests [Ion Lizarazu - [`3526a5c`](https://github.com/eea/volto-clms-theme/commit/3526a5c46481667b0518c6cce0927e67726c6f6c)]
 - use chrome instead of chromium to run cypress tests [Ion Lizarazu - [`6ae3a06`](https://github.com/eea/volto-clms-theme/commit/6ae3a06dbec1914c06a55c0dcb826c49b75f9739)]
 - ccltabs activeTab condition having first child [Ion Lizarazu - [`3cf9376`](https://github.com/eea/volto-clms-theme/commit/3cf9376d55f5f41b7e42c25e5925cd871ec71d81)]
+- test: [JENKINS] Improve cypress time [valentinab25 - [`f41ecfe`](https://github.com/eea/volto-clms-theme/commit/f41ecfea8b5a1e409303ffcc7befe7f51316d652)]
 ### [1.1.72](https://github.com/eea/volto-clms-theme/compare/1.1.71...1.1.72) - 2 November 2023
 
 ### [1.1.71](https://github.com/eea/volto-clms-theme/compare/1.1.70...1.1.71) - 31 October 2023
@@ -514,6 +532,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore: [JENKINS] Refactor automated testing [valentinab25 - [`67ca3bb`](https://github.com/eea/volto-clms-theme/commit/67ca3bb111f34842569c12b9c87a2a91bd14b09e)]
 
 #### :hammer_and_wrench: Others
 
@@ -610,6 +629,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - readme [Mikel Larreategi - [`3c0ab05`](https://github.com/eea/volto-clms-theme/commit/3c0ab051981a4efad7712bc46182eed9d79fd10f)]
 - remove from addons [Mikel Larreategi - [`89c2e7d`](https://github.com/eea/volto-clms-theme/commit/89c2e7d793193e6bb64642f0b06a01cd3c81108a)]
+- yarn.lock added after running yarn [Unai - [`ad307be`](https://github.com/eea/volto-clms-theme/commit/ad307be72bbfe753f7571ea4d784a09978e0f7f2)]
 - prettier issue fix [Unai - [`8bc0650`](https://github.com/eea/volto-clms-theme/commit/8bc0650918f9fa1065d19d2c15ce153a5fc5abbb)]
 - set a limit of 5 items in the download queue [Mikel Larreategi - [`b81cc83`](https://github.com/eea/volto-clms-theme/commit/b81cc8383165bafbbff52fbeeb365d413051802e)]
 - adjust logo size [Mikel Larreategi - [`b90a72c`](https://github.com/eea/volto-clms-theme/commit/b90a72c07102025a7e90607b25d34611ddd4f4f6)]
@@ -751,6 +771,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - fix cart items concat function [Ion Lizarazu - [`4b72249`](https://github.com/eea/volto-clms-theme/commit/4b72249ef17a0cda22661809fce5be7c2d1f6649)]
 - revert Jenkinsfile [Ion Lizarazu - [`64f6cd0`](https://github.com/eea/volto-clms-theme/commit/64f6cd08100357843b507c00d3286d7debe0ef04)]
+- yarn.lock file [Ion Lizarazu - [`8444ad1`](https://github.com/eea/volto-clms-theme/commit/8444ad1606b3939e4609bdd186e5ace2252588a8)]
 - packages.json versions order [Ion Lizarazu - [`4fd7a86`](https://github.com/eea/volto-clms-theme/commit/4fd7a86ab43238841b421e1ed10ebd52ab420a15)]
 - downloadablefilestablewidget param modification [Ion Lizarazu - [`5dd794a`](https://github.com/eea/volto-clms-theme/commit/5dd794a33a8eddd042a753b7ab47e7d2a323b011)]
 - add technical_documents_accordion_text field to the dataset view [Ion Lizarazu - [`96ed1e5`](https://github.com/eea/volto-clms-theme/commit/96ed1e5e2c2b501bd303bc76b333a70ad1614c16)]
@@ -875,6 +896,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - remove NUTS text for area naming in the cart [ionlizarazu - [`062e0a3`](https://github.com/eea/volto-clms-theme/commit/062e0a375f5352bc13c18ff7ec33fad4bcc59f2f)]
 - dependencies [ionlizarazu - [`405ef96`](https://github.com/eea/volto-clms-theme/commit/405ef96090fe7bd4af73a49d3285a92fad712e3b)]
+- yarn.lock [ionlizarazu - [`7132119`](https://github.com/eea/volto-clms-theme/commit/71321195c4dd4fceed67f2f0872f3e24bba61c17)]
 - volto-blocks-grid module mapping [ionlizarazu - [`4fec3ca`](https://github.com/eea/volto-clms-theme/commit/4fec3cabc437322ad92ed90d682250bd123ccaaf)]
 - volto-blocks-grid v7.0.2 [ionlizarazu - [`2557e60`](https://github.com/eea/volto-clms-theme/commit/2557e6039d3cea33ca0bd11a0a3ef4764c611f78)]
 - remove styling from teaser block [ionlizarazu - [`879e684`](https://github.com/eea/volto-clms-theme/commit/879e684057c88f52f60f0fa54cbaa155c7d14688)]
@@ -962,6 +984,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore: [JENKINS] Remove alpha testing version [valentinab25 - [`b4cbf65`](https://github.com/eea/volto-clms-theme/commit/b4cbf6557fbc67f7fc4cea5aa2cb19804f3d7e3c)]
 
 #### :hammer_and_wrench: Others
 
@@ -2160,6 +2183,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - related products and datasets added to news and meeting views and login-plone route created [Unai - [`5704a1a`](https://github.com/eea/volto-clms-theme/commit/5704a1a766148746162b60efaf232ea90dc20cf4)]
+- Revert "[JENKINS] Use eeacms/plone-backend and Volto alpha version- Refs #151967" [Mikel Larreategi - [`46eb694`](https://github.com/eea/volto-clms-theme/commit/46eb69415280a3c982405299135027ae4221426a)]
 - sort items according to the lowercased label and put those with special meaning at the end [Mikel Larreategi - [`6410abe`](https://github.com/eea/volto-clms-theme/commit/6410abe096f60dcad54dced2026c9df9b7946d68)]
 - lint fix [Unai - [`1264a7a`](https://github.com/eea/volto-clms-theme/commit/1264a7adfe8d679fea1bd821ad087add20f4271d)]
 - footer newsletter subscription change, global search maxLength change from 8000 to 200 and /login design change [Unai - [`a09d24a`](https://github.com/eea/volto-clms-theme/commit/a09d24adbb6fa053fb2a2cc0071506b906593b42)]
@@ -2310,6 +2334,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - search block new features [ionlizarazu - [`8e814cb`](https://github.com/eea/volto-clms-theme/commit/8e814cbd359782540c21fe37b37ef146d331f0d6)]
 - language selector cookie management [ionlizarazu - [`1385ac9`](https://github.com/eea/volto-clms-theme/commit/1385ac95795702206d3623ba6e780faa43a89e0a)]
 - toolbar cookie management [ionlizarazu - [`5c23200`](https://github.com/eea/volto-clms-theme/commit/5c23200790b20e1d4f1bc966463c37bf4c808f47)]
+- Add Sonarqube tag using clms-frontend addons list [EEA Jenkins - [`0316a0d`](https://github.com/eea/volto-clms-theme/commit/0316a0d8b6fb0fa14af13002415f3c95d9f8ede3)]
 ### [1.0.84](https://github.com/eea/volto-clms-theme/compare/1.0.83...1.0.84) - 18 March 2022
 
 #### :hammer_and_wrench: Others
@@ -3214,11 +3239,13 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - replace @collective/volto-dropdownmenu with volto-dropdownmenu [ionlizarazu - [`07f004f`](https://github.com/eea/volto-clms-theme/commit/07f004fe0219e403fb51bc045c83d34f3b981f76)]
+- yarn.lock [ionlizarazu - [`fe1ca04`](https://github.com/eea/volto-clms-theme/commit/fe1ca04889d29fe7b653db4c69af2751b84b8a1a)]
 - add NODE_ENV parameter [ionlizarazu - [`101f27c`](https://github.com/eea/volto-clms-theme/commit/101f27c25b8fbd192e1b11865e95cf5ffee08c1b)]
 - upgrade volto-dropdownmenu version [ionlizarazu - [`2081855`](https://github.com/eea/volto-clms-theme/commit/2081855301f4c708776e0dbab39db143cee00dbc)]
 - HomeSearch block missing url behaviour [ionlizarazu - [`d20a378`](https://github.com/eea/volto-clms-theme/commit/d20a378ce3f254b8343692348f314bf281974542)]
 - babel configuration [ionlizarazu - [`203ea2d`](https://github.com/eea/volto-clms-theme/commit/203ea2de07f99ca3403e4ca220ca74d7ce69b61d)]
 - prettier [ionlizarazu - [`e79e26b`](https://github.com/eea/volto-clms-theme/commit/e79e26bf2fa40ba7b4eb53a24dabd87928221c28)]
+- add yarn lock [ionlizarazu - [`e1ab28b`](https://github.com/eea/volto-clms-theme/commit/e1ab28b060d5a74431c368b0de82a68dabce1eab)]
 - Jenkinsfile cypress test [ionlizarazu - [`b385d65`](https://github.com/eea/volto-clms-theme/commit/b385d65986f717c60f8c434a08fc11b829d08eb4)]
 - cypress [ionlizarazu - [`a243cf0`](https://github.com/eea/volto-clms-theme/commit/a243cf0182fa3dd113c16ff495c71e310252d83b)]
 - some fixes [ionlizarazu - [`046279b`](https://github.com/eea/volto-clms-theme/commit/046279b9d05bea8a64eca03eed493e02621534c9)]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.1.147",
+  "version": "1.1.149",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",

package/src/components/CLMSDatasetDetailView/GeonetworkImporterButtons.jsx

@@ -28,6 +28,11 @@ export const GeonetworkImporterButtons = (props) => {
     dispatch(postImportGeonetwork(location.pathname, id, type));
   };
 
+  const TYPE_NAMING = {
+    VITO: 'Global Land collection catalog - VITO NV',
+    EEA: 'EEA',
+  };
+
   return (
     <Segment basic>
       <h2>Geonetwork importation options:</h2>
@@ -106,8 +111,11 @@ export const GeonetworkImporterButtons = (props) => {
                               />
                             </h1>
                             This action will import the data from{' '}
-                            <strong>{item.title}</strong> (from {item.type})
-                            into this dataset.
+                            <strong>{item.title}</strong> (from{' '}
+                            {TYPE_NAMING[item.type]
+                              ? TYPE_NAMING[item.type]
+                              : item.type}
+                            ) into this dataset.
                             <br />
                             <br />
                             <a
@@ -117,7 +125,7 @@ export const GeonetworkImporterButtons = (props) => {
                                 item.type === 'EEA'
                                   ? 'https://sdi.eea.europa.eu/catalogue/srv/eng/catalog.search#/metadata/' +
                                     item.id
-                                  : 'https://land.copernicus.vgt.vito.be/geonetwork/srv/eng/catalog.search#/metadata/' +
+                                  : 'https://globalland.vito.be/geonetwork/srv/spa/catalog.search#/home' +
                                     item.id
                               }
                             >

package/src/components/CLMSDownloadCartView/CLMSCartContent.jsx

@@ -433,10 +433,11 @@ const CLMSCartContent = (props) => {
                           <TimeseriesPicker
                             start={
                               datasetTimeseries.datasets[item?.dataset_uid]
-                                ?.start
+                                ?.start || new Date(0)
                             }
                             end={
-                              datasetTimeseries.datasets[item?.dataset_uid]?.end
+                              datasetTimeseries.datasets[item?.dataset_uid]
+                                ?.end || new Date()
                             }
                             period={
                               datasetTimeseries.datasets[item?.dataset_uid]

package/src/components/CLMSLoginView/CLMSLogin.jsx

@@ -2,8 +2,10 @@ import React, { useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import config from '@plone/volto/registry';
 import { UniversalLink } from '@plone/volto/components';
-import { toPublicURL } from '@plone/volto/helpers/Url/Url';
 import { toBase64 } from '../CclUtils';
+import { getRegistry } from '@eeacms/volto-clms-theme/actions';
+import { useDispatch } from 'react-redux';
+import { Segment } from 'semantic-ui-react';
 
 /**
  * Login Modal component doc.
@@ -12,10 +14,16 @@ import { toBase64 } from '../CclUtils';
  *
  */
 function CLMSLoginView(props) {
+  const dispatch = useDispatch();
   const registryRecords = useSelector((state) => state.registry.records);
   const [loginUrl, setLoginUrl] = React.useState('');
   const registry_key = config.settings?.registry?.login_url || null;
 
+  useEffect(() => {
+    dispatch(getRegistry(registry_key));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   useEffect(() => {
     if (registryRecords && registry_key in registryRecords) {
       setLoginUrl(
@@ -29,51 +37,61 @@ function CLMSLoginView(props) {
   return (
     <>
       <div className="ccl-container login">
-        <h1 className="page-title">Registration / Login</h1>
-        <div className="modal-login-text">
-          <p>
-            EU Login, the European Commission Authentication Service, enables
-            you to access various web applications centrally using the same
-            e-mail and password. You can read more{' '}
-            <UniversalLink
-              openLinkInNewTab
-              href="https://ecas.ec.europa.eu/cas/about.html"
-            >
-              here
-            </UniversalLink>
-            .
-          </p>
-          <p>
-            If you have EU Login account, please click 'Login using EU Login'.
-          </p>
-          <p>
-            If you don't have EU Login account, please follow this{' '}
-            <UniversalLink
-              openLinkInNewTab
-              href="https://ecas.ec.europa.eu/cas/eim/external/register.cgi"
-            >
-              link
-            </UniversalLink>{' '}
-            to create it.
-          </p>
-          <p>
-            If you have othe questions, please contact our
-            <UniversalLink openLinkInNewTab href="/en/service-desk">
-              {' '}
-              Service desk
-            </UniversalLink>
-            .
-          </p>
-        </div>
-      </div>
-      <div className="login-button">
-        <div className="modal-buttons">
-          <UniversalLink
-            href={toPublicURL(loginUrl) || '#'}
-            className="ccl-button ccl-button-green"
-          >
-            Login using EU Login
-          </UniversalLink>
+        <h1 className="page-title">Register / Login</h1>
+        <div className="login-page-container">
+          <Segment padded="very" className="login-page-container-content">
+            <div className="content">
+              <h2 className="modal-login-title">
+                This website uses EU Login for user authentication.
+              </h2>
+              <div className="modal-login-text">
+                <p>
+                  EU Login, the European Commission Authentication Service,
+                  enables you to access various web applications centrally using
+                  the same e-mail and password. You can read more{' '}
+                  <UniversalLink
+                    openLinkInNewTab
+                    href="https://ecas.ec.europa.eu/cas/about.html"
+                  >
+                    here
+                  </UniversalLink>
+                  .
+                </p>
+                <p>
+                  If you have EU Login account, please click 'Login using EU
+                  Login'.
+                </p>
+                <p>
+                  If you don't have EU Login account, please follow this{' '}
+                  <UniversalLink
+                    openLinkInNewTab
+                    href="https://ecas.ec.europa.eu/cas/eim/external/register.cgi"
+                  >
+                    link
+                  </UniversalLink>{' '}
+                  to create it.
+                </p>
+                <p>
+                  If you have othe questions, please contact our
+                  <UniversalLink openLinkInNewTab href="/en/service-desk">
+                    {' '}
+                    Service desk
+                  </UniversalLink>
+                  .
+                </p>
+              </div>
+            </div>
+            <div className="actions">
+              <div className="modal-buttons">
+                <a
+                  href={loginUrl || '#'}
+                  className="ccl-button ccl-button-green"
+                >
+                  Login using EU Login
+                </a>
+              </div>
+            </div>
+          </Segment>
         </div>
       </div>
     </>

package/src/customizations/volto/components/theme/Header/Header.jsx

@@ -21,6 +21,7 @@ import CclLoginModal from '@eeacms/volto-clms-theme/components/CclLoginModal/Ccl
 import CclTopMainMenu from '@eeacms/volto-clms-theme/components/CclTopMainMenu/CclTopMainMenu';
 import { getCartItems } from '@eeacms/volto-clms-utils/actions';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { UniversalLink } from '@plone/volto/components';
 
 import jwtDecode from 'jwt-decode';
 import PropTypes from 'prop-types';
@@ -239,7 +240,13 @@ class Header extends Component {
                       </>
                     )) || (
                       <li>
-                        <CclLoginModal />
+                        {this.props.apiStatusCode === 401 ? (
+                          <UniversalLink href="/en/login">
+                            Register/Login
+                          </UniversalLink>
+                        ) : (
+                          <CclLoginModal />
+                        )}
                       </li>
                     )}
                     <li className="header-vertical-line">
@@ -297,7 +304,13 @@ class Header extends Component {
                       </>
                     )) || (
                       <li>
-                        <CclLoginModal />
+                        {this.props.apiStatusCode === 401 ? (
+                          <UniversalLink href="/en/login">
+                            Register/Login
+                          </UniversalLink>
+                        ) : (
+                          <CclLoginModal />
+                        )}
                       </li>
                     )}
                     <li className="header-vertical-line">
@@ -326,6 +339,7 @@ export default compose(
         ? jwtDecode(state.userSession.token).sub
         : '',
       rawtoken: state.userSession.token,
+      apiStatusCode: state.apierror?.statusCode?.statusCode,
     }),
     { getUser, getCartItems, loginRenew },
   ),

package/src/customizations/volto/components/theme/Unauthorized/Unauthorized.jsx

@@ -1,117 +1,16 @@
 /**
  * @module components/theme/Unauthorized/Unauthorized
  */
-import React, { useEffect } from 'react';
+import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import { useDispatch, useSelector } from 'react-redux';
+import { useSelector } from 'react-redux';
 import { Link } from 'react-router-dom';
 import { Container } from 'semantic-ui-react';
+import { UniversalLink } from '@plone/volto/components';
 
 import { withServerErrorCode } from '@plone/volto/helpers/Utils/Utils';
 // import CclLoginModal from '@eeacms/volto-clms-theme/components/CclLoginModal/CclLoginModal';
 
-import { UniversalLink } from '@plone/volto/components';
-import config from '@plone/volto/registry';
-import { getRegistry } from '@eeacms/volto-clms-theme/actions';
-import CclModal from '@eeacms/volto-clms-theme/components/CclModal/CclModal';
-import { toBase64 } from '../../../../../components/CclUtils';
-
-const CclLoginModal = (props) => {
-  let {
-    classname = 'header-login-link',
-    triggerComponent = () => (
-      <span className={classname}>
-        <FormattedMessage id="loginRegister" defaultMessage="Register/Login" />
-      </span>
-    ),
-    otherPath = undefined,
-  } = props;
-  const dispatch = useDispatch();
-  const registryRecords = useSelector((state) => state?.registry?.records);
-  const [loginUrl, setLoginUrl] = React.useState('');
-  const registry_key = config.settings?.registry?.login_url || null;
-
-  useEffect(() => {
-    if (registryRecords && registry_key in registryRecords) {
-      if (otherPath) {
-        setLoginUrl(
-          `${registryRecords[registry_key]}?came_from=${toBase64(otherPath)}`,
-        );
-      } else {
-        setLoginUrl(
-          `${registryRecords[registry_key]}?came_from=${toBase64(
-            window.location.href,
-          )}`,
-        );
-      }
-    }
-  }, [otherPath, registryRecords, registry_key]);
-
-  function modalStatus(status) {
-    if (status === true) {
-      dispatch(getRegistry(registry_key));
-    }
-  }
-
-  return (
-    <CclModal
-      trigger={triggerComponent()}
-      size="tiny"
-      modalStatus={modalStatus}
-    >
-      <div className="content">
-        <div className="modal-login-title">
-          This website uses EU Login for user authentication.
-        </div>
-        <div className="modal-login-text">
-          <p>
-            {' '}
-            EU Login, the European Commission Authentication Service, enables
-            you to access various web applications centrally using the same
-            e-mail and password. You can read more{' '}
-            <UniversalLink
-              openLinkInNewTab
-              href="https://ecas.ec.europa.eu/cas/about.html"
-            >
-              here
-            </UniversalLink>
-            .
-          </p>
-          <p>
-            {' '}
-            If you have EU Login account, please click 'Login using EU Login'.
-          </p>
-          <p>
-            If you don't have EU Login account, please follow this{' '}
-            <UniversalLink
-              openLinkInNewTab
-              href="https://ecas.ec.europa.eu/cas/eim/external/register.cgi"
-            >
-              link
-            </UniversalLink>{' '}
-            to create it.
-          </p>
-          <p>
-            If you have other questions, please contact our
-            <UniversalLink openLinkInNewTab href="/en/contact-service-helpdesk">
-              {' '}
-              Service desk
-            </UniversalLink>
-            .
-          </p>
-        </div>
-      </div>
-      <div className="actions">
-        <div className="modal-buttons">
-          <a href={loginUrl || '#'} className="ccl-button ccl-button-green">
-            Login using EU Login
-          </a>
-        </div>
-      </div>
-    </CclModal>
-  );
-};
-
 /**
  * unauthorized function.
  * @function Unauthorized
@@ -132,16 +31,7 @@ const Unauthorized = () => {
           defaultMessage="You are trying to access a protected resource, please {login} first."
           values={{
             login: (
-              <CclLoginModal
-                triggerComponent={() => (
-                  <span className="unauthorized-login-link">
-                    <FormattedMessage
-                      id="register-login"
-                      defaultMessage="Register / Login"
-                    />
-                  </span>
-                )}
-              />
+              <UniversalLink href="/en/login">Register/Login</UniversalLink>
             ),
           }}
         />

package/src/customizations/volto/components/theme/Unauthorized/__snapshots__/Unauthorized.test.jsx.snap

@@ -14,16 +14,15 @@ exports[`Unauthorized renders a not found component 1`] = `
     className="description"
   >
     You are trying to access a protected resource, please 
-    <span
-      className="unauthorized-login-link"
-      onBlur={[Function]}
+    <a
+      className={null}
+      href="/en/login"
       onClick={[Function]}
-      onFocus={[Function]}
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
+      target={null}
+      title={null}
     >
-      Register / Login
-    </span>
+      Register/Login
+    </a>
      first.
   </p>
   <p>

package/theme/site/extras/modal.less

@@ -327,6 +327,26 @@
   color: @clmsGreen;
 }
 
+div.ui.segment.login-page-container-content {
+  max-width: 540px;
+  margin-bottom: 2rem;
+
+  .content{
+    font-size: 1em;
+    line-height: 1.4;
+    padding: 1.5rem;
+  }
+  .actions{
+    border-top: 0.07142857rem solid #EDF1F2;
+    padding: 1rem 1rem;
+  }
+}
+
+div.login-page-container{
+  display: flex;
+  justify-content: center;
+}
+
 .handle {
   border: none !important;
   margin: 1rem !important;