@eeacms/volto-cca-policy 0.3.38 → 0.3.39

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.39](https://github.com/eea/volto-cca-policy/compare/0.3.38...0.3.39) - 9 May 2025
+
+#### :nail_care: Enhancements
+
+- change: update Assessment bottom section - refs #286757 [kreafox - [`de01613`](https://github.com/eea/volto-cca-policy/commit/de0161390443df084d058a4243492974240b0406)]
+
+#### :house: Internal changes
+
+- style: improvements [kreafox - [`f06cfb9`](https://github.com/eea/volto-cca-policy/commit/f06cfb9867963b304ac8be3cd306ca7eeb575290)]
+
 ### [0.3.38](https://github.com/eea/volto-cca-policy/compare/0.3.37...0.3.38) - 9 May 2025
 
 ### [0.3.37](https://github.com/eea/volto-cca-policy/compare/0.3.36...0.3.37) - 8 May 2025

package/package.json

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

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

@@ -13,7 +13,7 @@ const ActionsTabContent = ({ action }) => {
         <Grid.Column mobile={12} tablet={12} computer={6}>
           {hasHazards && (
             <>
-              <h5>{action.Hazards_Addressed_Label}</h5>
+              <h5 className="small-label">{action.Hazards_Addressed_Label}</h5>
               <ul>
                 {action.Climate_Hazards.map((hazard, index) => (
                   <li key={index}>{hazard}</li>
@@ -23,7 +23,7 @@ const ActionsTabContent = ({ action }) => {
           )}
           {hasSectors && (
             <>
-              <h5>{action.Sectors_Label}</h5>
+              <h5 className="small-label">{action.Sectors_Label}</h5>
               <ul>
                 {action.Sectors.map((hazard, index) => (
                   <li key={index}>{hazard}</li>

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

@@ -56,8 +56,9 @@ const AssessmentTab = ({ result }) => {
     Hazards_Abstract,
   } = result.assessment_text?.[0] || [];
   const assessment_risks = result.assessment_risks || [];
+  const assessment_sectors = result.assessment_sectors || [];
 
-  const [activeIndex, setActiveIndex] = React.useState(0);
+  // const [activeIndex, setActiveIndex] = React.useState(0);
 
   return (
     <Tab.Pane>
@@ -102,7 +103,22 @@ const AssessmentTab = ({ result }) => {
 
       <br />
 
-      <Tab
+      {assessment_sectors && (
+        <AccordionList
+          accordions={assessment_sectors.map((category) => ({
+            title: category.Category_Name,
+            content: (
+              <ul>
+                {category.Sectors.map((sector, idx) => (
+                  <li key={idx}>{sector}</li>
+                ))}
+              </ul>
+            ),
+          }))}
+        />
+      )}
+
+      {/* <Tab
         menu={{
           fluid: true,
           className: 'secondary',
@@ -153,7 +169,7 @@ const AssessmentTab = ({ result }) => {
             ),
           },
         ]}
-      />
+      /> */}
     </Tab.Pane>
   );
 };

package/src/components/theme/MissionSignatoryProfile/TabSections/AssessmentTab.test.jsx

@@ -54,10 +54,5 @@ describe('AssessmentTab', () => {
     // Items section
     expect(screen.getByText('Factor A')).toBeInTheDocument();
     expect(screen.getByText('Factor B')).toBeInTheDocument();
-
-    // Hazard tabs
-    expect(screen.getByText('Water related')).toBeInTheDocument();
-    expect(screen.getByText('Heat related')).toBeInTheDocument();
-    expect(screen.getByText('Other hazards')).toBeInTheDocument();
   });
 });

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

@@ -34,7 +34,9 @@ const PlanningGoalContent = ({ goal }) => {
       <Grid columns="12">
         {hasHazards && (
           <Grid.Column mobile={12} tablet={12} computer={6}>
-            <h5>{goal.Climate_Hazards_Addressed_Label}</h5>
+            <h5 className="small-label">
+              {goal.Climate_Hazards_Addressed_Label}
+            </h5>
             <ul>
               {goal.Climate_Hazards.map((hazard, index) => (
                 <li key={index}>{hazard}</li>