@eeacms/volto-clms-theme 1.1.127 → 1.1.128

package/CHANGELOG.md

@@ -4,11 +4,15 @@ 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.127](https://github.com/eea/volto-clms-theme/compare/1.1.126...1.1.127) - 21 March 2024
+### [1.1.128](https://github.com/eea/volto-clms-theme/compare/1.1.127...1.1.128) - 25 March 2024
 
 #### :hammer_and_wrench: Others
 
-- sort production updates between Events and Tenders [Mikel Larreategi - [`6ee6759`](https://github.com/eea/volto-clms-theme/commit/6ee6759ccf636a42ce8cddfe302e46032112d912)]
+- eslint [Mikel Larreategi - [`46467f3`](https://github.com/eea/volto-clms-theme/commit/46467f3d83364a7c6609b26b5329a08c967d4cb3)]
+- import [Mikel Larreategi - [`bde0dab`](https://github.com/eea/volto-clms-theme/commit/bde0dab20e4655efa43e9213753a4bbf1d2c1dbf)]
+- show production updates [Mikel Larreategi - [`b8f83c7`](https://github.com/eea/volto-clms-theme/commit/b8f83c7cee89193c7f2bf6250fac3f5fb1ad6057)]
+### [1.1.127](https://github.com/eea/volto-clms-theme/compare/1.1.126...1.1.127) - 21 March 2024
+
 ### [1.1.126](https://github.com/eea/volto-clms-theme/compare/1.1.125...1.1.126) - 21 March 2024
 
 ### [1.1.125](https://github.com/eea/volto-clms-theme/compare/1.1.124...1.1.125) - 20 March 2024

package/package.json

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

package/src/components/CLMSDatasetDetailView/CLMSDatasetDetailView.jsx

@@ -7,7 +7,7 @@ import { Modal, Segment, Grid, Icon } from 'semantic-ui-react';
 import { toast } from 'react-toastify';
 import { Toast } from '@plone/volto/components';
 
-import { getUser } from '@plone/volto/actions';
+import { getUser, searchContent } from '@plone/volto/actions';
 import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
 import CclTabs from '@eeacms/volto-clms-theme/components/CclTab/CclTabs';
 import {
@@ -17,6 +17,8 @@ import {
 
 import { postImportWMSLayers, postImportWMSFields } from '../../actions';
 import { GeonetworkImporterButtons } from './GeonetworkImporterButtons';
+import { UniversalLink } from '@plone/volto/components';
+import { cclDateTimeFormat } from '../CclUtils/dateFormats';
 
 import jwtDecode from 'jwt-decode';
 import PropTypes from 'prop-types';
@@ -95,6 +97,31 @@ const CLMSDatasetDetailView = ({ content, token }) => {
       )
     );
   };
+  const allSearchSubrequests = useSelector((state) => state.search.subrequests);
+  const searchSubrequests = allSearchSubrequests?.[`related-${content.UID}`];
+  const libraries = searchSubrequests?.items || [];
+
+  React.useEffect(() => {
+    !searchSubrequests?.loading &&
+      !searchSubrequests?.loaded &&
+      !searchSubrequests?.error &&
+      dispatch(
+        searchContent(
+          '/',
+          {
+            portal_type: 'ProductionUpdate',
+            associated_datasets: content.UID,
+            status: 'active',
+            metadata_fields: '_all',
+            sort_on: 'effective',
+            sort_order: 'reverse',
+            b_size: 99999,
+          },
+          `${'related'}-${content.UID}`,
+        ),
+      );
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   return (
     <div className="ccl-container ">
@@ -351,7 +378,6 @@ const CLMSDatasetDetailView = ({ content, token }) => {
                 </CclButton>
               </div>
             )}
-
             {(content?.metadata_wms_url ||
               content?.metadata_wmts_url ||
               content?.metadata_rest_api_url) && (
@@ -365,6 +391,27 @@ const CLMSDatasetDetailView = ({ content, token }) => {
                 />
               </div>
             )}
+
+            {libraries && libraries.length > 0 && (
+              <>
+                <Segment>
+                  <h3>Production updates</h3>
+
+                  {libraries.map((item) => {
+                    const show_dt = cclDateTimeFormat(item.effective);
+                    return (
+                      <Segment basic>
+                        {show_dt} <br />
+                        <UniversalLink item={item}>{item.title}</UniversalLink>
+                      </Segment>
+                    );
+                  })}
+                  <UniversalLink href="/en/production-updates">
+                    See all or subscribe to production updates
+                  </UniversalLink>
+                </Segment>
+              </>
+            )}
           </nav>
         </div>
       </CclTabs>