fix(publications): Restore tag affiliations

client/src/pages/affiliationsTab.jsx

@@ -6,11 +6,11 @@ import {
 import PropTypes from 'prop-types';
 import { useEffect, useState } from 'react';
 
-import AffiliationsView from './affiliationsView';
 import Gauge from '../components/gauge';
 import { status } from '../config';
 import { removeDiacritics } from '../utils/strings';
 import { renderButtons } from '../utils/works';
+import AffiliationsView from './affiliationsView';
 
 export default function AffiliationsTab({ affiliations, selectedAffiliations, setSelectedAffiliations, tagAffiliations }) {
   const [filteredAffiliations, setFilteredAffiliations] = useState([]);
@@ -43,7 +43,7 @@ export default function AffiliationsTab({ affiliations, selectedAffiliations, se
           <span className="number">
             {selectedAffiliations.length}
           </span>
-          {`selected affiliation${selectedAffiliations.length === 1 ? '' : 's'}`}
+          {` selected affiliation${selectedAffiliations.length === 1 ? '' : 's'}`}
         </div>
         {renderButtons(selectedAffiliations, tagAffiliations)}
         <div className="text-right">

client/src/pages/affiliationsView.jsx

@@ -20,9 +20,7 @@ export default function AffiliationsView({
   setFilteredAffiliationName,
   setSelectedAffiliations,
 }) {
-  const [filters] = useState({
-    status: { value: null, matchMode: FilterMatchMode.IN },
-  });
+  const [filters] = useState({ status: { matchMode: FilterMatchMode.IN, value: null } });
   const [selectionPageOnly, setSelectionPageOnly] = useState(true);
 
   const paginatorLeft = () => (

client/src/pages/datasets/results.jsx

@@ -55,7 +55,10 @@ export default function Affiliations() {
     setAffiliations(
       _affiliations
         ?.filter((affiliation) => affiliationIds.includes(affiliation.id))
-        .map((affiliation) => (affiliation.status = action)),
+        .map((affiliation) => ({
+          ...affiliation,
+          status: action,
+        })),
     );
     setSelectedAffiliations([]);
   };

client/src/pages/publications/results.jsx

@@ -47,7 +47,10 @@ export default function Affiliations() {
     setAffiliations(
       _affiliations
         ?.filter((affiliation) => affiliationIds.includes(affiliation.id))
-        .map((affiliation) => (affiliation.status = action)),
+        .map((affiliation) => ({
+          ...affiliation,
+          status: action,
+        })),
     );
     setSelectedAffiliations([]);
   };

client/src/pages/views/publications.jsx

@@ -31,6 +31,7 @@ export default function Publications({
   if (allPublications?.length === 0) {
     return <div>No publications detected.</div>;
   }
+
   return (
     <div>
       {options.datasets ? (

client/src/utils/templates.jsx

@@ -4,6 +4,7 @@ import { Badge, Button } from '@dataesr/dsfr-plus';
 import { MultiSelect } from 'primereact/multiselect';
 import { Tooltip } from 'react-tooltip';
 
+import { status } from '../config';
 import { getIdLink } from './works';
 
 const affiliationsTemplate = (rowData) => (
@@ -24,9 +25,8 @@ const affiliations2Template = (rowData) => {
     )
     .join('');
   if (rowData.affiliations.length > 3) {
-    affiliationsHtml += `<li class="ellipsis">and others (${
-      rowData.affiliations.length - 3
-    })</li>`;
+    affiliationsHtml += `<li class="ellipsis">and others (${rowData.affiliations.length - 3
+      })</li>`;
   }
   affiliationsHtml += '</ul>';
   let affiliationsTooltip = '<ul>';

client/src/utils/works.jsx

@@ -130,12 +130,12 @@ const range = (startYear, endYear = new Date().getFullYear()) => {
 const renderButtons = (selected, fn) => Object.values(status).map((st) => (
   <Button
     className="fr-mb-1w fr-pl-1w button"
+    color="blue-ecume"
     disabled={!selected.length}
     key={st.id}
     onClick={() => fn(selected, st.id)}
     size="lg"
     style={{ display: 'block', width: '100%', textAlign: 'left' }}
-    color="blue-ecume"
   >
     <i
       className={`${st.buttonIcon} fr-mr-2w`}