@eeacms/volto-cca-policy 0.1.87 → 0.1.88

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.1.88](https://github.com/eea/volto-cca-policy/compare/0.1.87...0.1.88) - 1 March 2024
+
+#### :bug: Bug Fixes
+
+- fix(views): remove unused import [kreafox - [`b90c40c`](https://github.com/eea/volto-cca-policy/commit/b90c40c8d15d79ad670794710b6a7a1274657cb7)]
+- fix(views): show missing metadata on DB items [kreafox - [`6ed7638`](https://github.com/eea/volto-cca-policy/commit/6ed763854172398446d6c5f4dc1d34ea516df7ef)]
+
+#### :hammer_and_wrench: Others
+
+- test: update [kreafox - [`3bb98b1`](https://github.com/eea/volto-cca-policy/commit/3bb98b1f36d92eea76fa46af56ecfbf9a2d5201e)]
 ### [0.1.87](https://github.com/eea/volto-cca-policy/compare/0.1.86...0.1.87) - 1 March 2024
 
 #### :bug: Bug Fixes

package/package.json

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

package/src/components/theme/Views/AdaptationOptionView.jsx

@@ -7,7 +7,7 @@ import {
   ShareInfo,
   BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
-import { Segment, Divider } from 'semantic-ui-react';
+import { Segment, Divider, Image } from 'semantic-ui-react';
 import { UniversalLink } from '@plone/volto/components';
 import cx from 'classnames';
 
@@ -109,6 +109,7 @@ function AdaptationOptionView(props) {
     websites,
     source,
     ipcc_category,
+    logo,
   } = content;
 
   const usedSections = dataDisplay.filter((data) =>
@@ -120,6 +121,13 @@ function AdaptationOptionView(props) {
       <BannerTitle content={content} type="Adaptation Option" />
 
       <div className="ui container">
+        {logo && (
+          <Image
+            src={logo?.scales?.mini?.download}
+            alt={content.title}
+            className="db-logo"
+          />
+        )}
         <HTMLField value={long_description} />
         <SectionsMenu sections={usedSections} />
         <Divider />

package/src/components/theme/Views/CcaEventView.jsx

@@ -31,7 +31,7 @@ function CcaEventView(props) {
 
   return (
     <div className="cca-event-view">
-      <BannerTitle content={content} type="CCA Event" />
+      <BannerTitle content={content} />
 
       <div className="ui container">
         <Grid columns="12">

package/src/components/theme/Views/EventView.jsx

@@ -11,7 +11,7 @@ function CcaEventView(props) {
 
   return (
     <div className="cca-event-view">
-      <BannerTitle content={content} type="Event" />
+      <BannerTitle content={content} />
 
       <div className="ui container">
         <Grid columns="12">

package/src/components/theme/Views/GuidanceView.jsx

@@ -8,7 +8,7 @@ import {
   BannerTitle,
   DocumentsList,
 } from '@eeacms/volto-cca-policy/helpers';
-import { Segment, Divider } from 'semantic-ui-react';
+import { Segment, Divider, Image } from 'semantic-ui-react';
 
 const ContributorsList = (props) => {
   const { content } = props;
@@ -32,12 +32,19 @@ const ContributorsList = (props) => {
 
 function GuidanceView(props) {
   const { content } = props;
-  const { long_description, websites, source, cca_files } = content;
+  const { long_description, websites, source, cca_files, logo } = content;
 
   return (
     <div className="db-item-view guidance-view">
       <BannerTitle content={content} type="Guidance Document" />
       <div className="ui container">
+        {logo && (
+          <Image
+            src={logo?.scales?.mini?.download}
+            alt={content.title}
+            className="db-logo"
+          />
+        )}
         <h2>Description</h2>
         <HTMLField value={long_description} />
         <Divider />

package/src/components/theme/Views/IndicatorView.jsx

@@ -7,7 +7,7 @@ import {
   ShareInfo,
   BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
-import { Segment, Divider } from 'semantic-ui-react';
+import { Segment, Divider, Image } from 'semantic-ui-react';
 
 function IndicatorView(props) {
   const { content } = props;
@@ -17,13 +17,21 @@ function IndicatorView(props) {
     source,
     contributor_list,
     other_contributor,
+    logo,
   } = content;
 
   return (
     <div className="db-item-view indicator-view">
-      <BannerTitle content={content} type="Indicator" />
+      <BannerTitle content={{ ...content, image: '' }} type="Indicator" />
 
       <div className="ui container">
+        {logo && (
+          <Image
+            src={logo?.scales?.mini?.download}
+            alt={content.title}
+            className="db-logo"
+          />
+        )}
         <h2>Description</h2>
         <HTMLField value={long_description} />
         <Divider />

package/src/components/theme/Views/InformationPortalView.jsx

@@ -7,17 +7,24 @@ import {
   ShareInfo,
   BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
-import { Segment } from 'semantic-ui-react';
+import { Segment, Image } from 'semantic-ui-react';
 
 function InformationPortalView(props) {
   const { content } = props;
-  const { long_description, websites, source } = content;
+  const { long_description, websites, source, logo } = content;
 
   return (
     <div className="db-item-view information-portal-view">
       <BannerTitle content={content} type="Information Portal" />
 
       <div className="ui container">
+        {logo && (
+          <Image
+            src={logo?.scales?.mini?.download}
+            alt={content.title}
+            className="db-logo"
+          />
+        )}
         <h2>Description</h2>
         <HTMLField value={long_description} />
 

package/src/components/theme/Views/OrganisationView.jsx

@@ -9,7 +9,6 @@ import {
   BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
 import { Segment, Divider, Image } from 'semantic-ui-react';
-import cx from 'classnames';
 
 function OrganisationView(props) {
   const { content } = props;
@@ -33,15 +32,14 @@ function OrganisationView(props) {
 
       <div className="ui container">
         <div>
-          <div className={cx({ 'has-logo': logo })}>
-            <h2>Description</h2>
-
+          {logo && (
             <Image
               src={logo?.scales?.mini?.download}
               alt={content.title}
-              className="org-logo"
+              className="db-logo"
             />
-          </div>
+          )}
+          <h2>Description</h2>
 
           <HTMLField value={long_description} />
           <Divider />

package/src/components/theme/Views/ProjectView.jsx

@@ -6,7 +6,7 @@ import {
   PublishedModifiedInfo,
   ShareInfo,
 } from '@eeacms/volto-cca-policy/helpers';
-import { Divider, Segment } from 'semantic-ui-react';
+import { Divider, Segment, Image } from 'semantic-ui-react';
 
 import config from '@plone/volto/registry';
 
@@ -20,6 +20,7 @@ function ProjectView(props) {
     acronym,
     title,
     websites,
+    logo,
   } = content;
 
   const {
@@ -49,6 +50,13 @@ function ProjectView(props) {
       />
 
       <div className="ui container">
+        {logo && (
+          <Image
+            src={logo?.scales?.mini?.download}
+            alt={content.title}
+            className="db-logo"
+          />
+        )}
         <h2>Description</h2>
         <HTMLField value={long_description} />
 

package/src/components/theme/Views/PublicationReportView.jsx

@@ -7,17 +7,25 @@ import {
   ReferenceInfo,
   BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
-import { Segment } from 'semantic-ui-react';
+import { Segment, Image } from 'semantic-ui-react';
 
 function PublicationReportView(props) {
   const { content } = props;
-  const { cca_files } = content;
+  const { cca_files, logo } = content;
 
   return (
     <div className="db-item-view publication-report-view">
       <BannerTitle content={content} type="Publications and Report" />
 
       <div className="ui container">
+        {logo && (
+          <Image
+            src={logo?.scales?.mini?.download}
+            alt={content.title}
+            className="db-logo"
+          />
+        )}
+
         <ReferenceInfo content={content} />
         <PublishedModifiedInfo {...props} />
         <ShareInfo {...props} />

package/src/components/theme/Views/ToolView.jsx

@@ -5,16 +5,23 @@ import {
   ReferenceInfo,
   BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
-import { Segment } from 'semantic-ui-react';
+import { Segment, Image } from 'semantic-ui-react';
 
 function ToolView(props) {
-  const { content } = props;
+  const { content, logo } = props;
 
   return (
     <div className="db-item-view tool-view">
       <BannerTitle content={content} type="Tools" />
 
       <div className="ui container">
+        {logo && (
+          <Image
+            src={logo?.scales?.mini?.download}
+            alt={content.title}
+            className="db-logo"
+          />
+        )}
         <ReferenceInfo content={content} />
         <PublishedModifiedInfo {...props} />
 

package/src/components/theme/Views/VideoView.jsx

@@ -7,7 +7,7 @@ import {
   ShareInfo,
   BannerTitle,
 } from '@eeacms/volto-cca-policy/helpers';
-import { Divider, Segment } from 'semantic-ui-react';
+import { Divider, Segment, Image } from 'semantic-ui-react';
 
 function VideoView(props) {
   const { content } = props;
@@ -19,6 +19,7 @@ function VideoView(props) {
     long_description,
     other_contributor,
     related_documents_presentations,
+    logo,
   } = content;
 
   const share_eea = ['https://cmshare.eea.eu', 'shareit.eea.europa.eu'];
@@ -39,6 +40,14 @@ function VideoView(props) {
       <BannerTitle content={content} type="Video" />
 
       <div className="ui container">
+        {logo && (
+          <Image
+            src={logo?.scales?.mini?.download}
+            alt={content.title}
+            className="db-logo"
+          />
+        )}
+
         {is_cmshare_video && (
           <div className="video-wrapper">
             <center>

package/theme/globals/views.less

@@ -112,20 +112,12 @@ hr {
   }
 }
 
-.db-item-view.organisation-view {
-  .has-logo {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-  }
-
-  .org-logo {
-    max-width: 150px;
+.db-item-view {
+  .db-logo {
+    max-width: 150px !important;
     margin-bottom: 1em;
   }
-}
 
-.db-item-view {
   .ui.divider {
     margin: 2em 0;
   }