@eeacms/volto-cca-policy 0.3.46 → 0.3.47

package/CHANGELOG.md

@@ -4,6 +4,16 @@ 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.3.47](https://github.com/eea/volto-cca-policy/compare/0.3.46...0.3.47) - 21 May 2025
+
+#### :nail_care: Enhancements
+
+- change(mission): cleanup, remove unused component [kreafox - [`0440183`](https://github.com/eea/volto-cca-policy/commit/044018381a8c42e1a45ff9ba3668613dc08f5198)]
+- change(mission): add link to signatory landing page - refs #287964 [kreafox - [`78378a3`](https://github.com/eea/volto-cca-policy/commit/78378a3d7f8bab7aa6414342e228b45fc24ec57b)]
+
+#### :hammer_and_wrench: Others
+
+- update test [kreafox - [`ae30035`](https://github.com/eea/volto-cca-policy/commit/ae30035c6f3f1d81d560b5552afc0bc9764df983)]
 ### [0.3.46](https://github.com/eea/volto-cca-policy/compare/0.3.45...0.3.46) - 21 May 2025
 
 #### :house: Internal changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.3.46",
+  "version": "0.3.47",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/theme/MissionSignatoryProfile/MissionSignatoryProfileView.jsx

@@ -1,7 +1,9 @@
 import React from 'react';
-import { Tab, Container, Divider } from 'semantic-ui-react';
+import { Link } from 'react-router-dom';
+import { Tab, Container, Divider, Button, Icon } from 'semantic-ui-react';
 import { formatTextToHTML } from '@eeacms/volto-cca-policy/utils';
 import { BannerTitle, HTMLField } from '@eeacms/volto-cca-policy/helpers';
+import { flattenToAppURL } from '@plone/volto/helpers';
 
 import GovernanceTab from './TabSections/GovernanceTab';
 import AssessmentTab from './TabSections/AssessmentTab';
@@ -29,6 +31,9 @@ const MissionSignatoryProfileView = ({ content }) => {
     general_text = [{}],
   } = signatoryData;
 
+  const { Back_To_Map_Link, Country_Or_Area } = general_text?.[0] || {};
+  const backToMapPath = flattenToAppURL(content?.parent?.['@id'] || '/');
+
   const [activeIndex, setActiveIndex] = React.useState(0);
 
   const tabData = {
@@ -60,12 +65,18 @@ const MissionSignatoryProfileView = ({ content }) => {
           hidePublishingDate: true,
           hideDownloadButton: false,
           hideShareButton: false,
-          subtitle: general_text?.[0]?.Country_Or_Area,
+          subtitle: Country_Or_Area,
         }}
       />
 
       <div className="signatory-profile">
-        <br />
+        <Link to={backToMapPath}>
+          <Button icon inverted primary className="left labeled back-to-map">
+            <Icon className="chevron left icon" />
+            {Back_To_Map_Link || 'Back to Signatories map'}
+          </Button>
+        </Link>
+
         <Tab
           menu={{
             fluid: true,

package/src/components/theme/MissionSignatoryProfile/MissionSignatoryProfileView.test.jsx

@@ -1,4 +1,5 @@
 import { render, fireEvent, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
 import '@testing-library/jest-dom';
 import MissionSignatoryProfileView from './MissionSignatoryProfileView';
 
@@ -38,15 +39,25 @@ describe('MissionSignatoryProfileView', () => {
             { key: 'Action_Label', value: 'Action' },
             { key: 'Language', value: 'en' },
           ],
+          general_text: [
+            {
+              Back_To_Map_Link: 'Back to map',
+              Country_Or_Area: 'Testland',
+            },
+          ],
         },
       },
     },
+    parent: {
+      '@id': '/signatories-map',
+    },
   };
 
+  const renderWithRouter = (ui) => render(<MemoryRouter>{ui}</MemoryRouter>);
+
   it('renders tab labels and default content', () => {
-    render(<MissionSignatoryProfileView content={content} />);
+    renderWithRouter(<MissionSignatoryProfileView content={content} />);
 
-    // Tab labels
     expect(screen.getByText('Governance')).toBeInTheDocument();
     expect(screen.getByText('Assessment')).toBeInTheDocument();
     expect(screen.getByText('Planning & Target')).toBeInTheDocument();
@@ -54,7 +65,7 @@ describe('MissionSignatoryProfileView', () => {
   });
 
   it('switches tabs and renders corresponding content', () => {
-    render(<MissionSignatoryProfileView content={content} />);
+    renderWithRouter(<MissionSignatoryProfileView content={content} />);
 
     fireEvent.click(screen.getByText('Governance'));
     expect(screen.getByText('Mocked Governance')).toBeInTheDocument();
@@ -70,10 +81,10 @@ describe('MissionSignatoryProfileView', () => {
   });
 
   it('renders footer disclaimer text if present', () => {
-    render(<MissionSignatoryProfileView content={content} />);
+    renderWithRouter(<MissionSignatoryProfileView content={content} />);
     expect(screen.getByText('Disclaimer Title')).toBeInTheDocument();
     expect(
-      screen.getByText((content) => content.includes('This is a disclaimer.')),
+      screen.getByText((text) => text.includes('This is a disclaimer.')),
     ).toBeInTheDocument();
   });
 });

package/theme/globals/mission.less

@@ -123,6 +123,19 @@ body.subsite-mkh {
       margin: 2em 0 !important;
     }
 
+    .ui.inverted.button.back-to-map {
+      margin-bottom: 2em;
+      box-shadow: 0px 0px 0px 2px @pineGreen inset !important;
+      color: @pineGreen;
+
+      &:hover,
+      &:active,
+      &:focus,
+      &:focus-visible {
+        background-color: @pineGreen;
+      }
+    }
+
     .column > .ui.segment {
       background-color: #fff !important;
     }

package/src/components/theme/MissionSignatoryProfile/TabSections/IntroductionTab.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Tab } from 'semantic-ui-react';
-import { Callout } from '@eeacms/volto-eea-design-system/ui';
-
-const IntroductionTab = () => {
-  return (
-    <Tab.Pane>
-      <h2>Introduction</h2>
-      <Callout>
-        Duis non quam et nisi tincidunt fermentum. Pellentesque habitant morbi
-        tristique senectus et netus et malesuada fames ac turpis egestas.
-      </Callout>
-      <h3>The Mission on Adaptation</h3>
-      <p>
-        Nulla facilisi. Donec fringilla urna id ligula ullamcorper, vel
-        tristique lorem posuere. Donec et orci mauris. Nullam tempor velit id mi
-        luctus, a scelerisque libero accumsan. In hac habitasse platea dictumst.
-        Cras ac nunc nec massa tristique fringilla.
-      </p>
-      <h3>Data source</h3>
-      <p>
-        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
-        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
-        esse cillum dolore eu fugiat nulla pariatur.
-      </p>
-      <p>
-        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
-        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
-        esse cillum dolore eu fugiat nulla pariatur.
-      </p>
-    </Tab.Pane>
-  );
-};
-
-export default IntroductionTab;