From e7ae7020de18b25cb6468f3df0cb596c7ac427b0 Mon Sep 17 00:00:00 2001
From: jerem <jeremy.peglion@gmail.com>
Date: Tue, 26 Nov 2024 11:37:13 +0100
Subject: [PATCH] fix(openalex): Update checkbox handling for affiliations
 selection

---
 client/src/pages/openalex-ror/results/list-view.jsx      | 2 +-
 client/src/pages/openalex-ror/results/views-selector.jsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/openalex-ror/results/list-view.jsx b/client/src/pages/openalex-ror/results/list-view.jsx
index 56ef5b7..2367e17 100644
--- a/client/src/pages/openalex-ror/results/list-view.jsx
+++ b/client/src/pages/openalex-ror/results/list-view.jsx
@@ -36,7 +36,7 @@ export default function ListView({
                 <div style={{ display: 'inline-flex' }}>
                   <div style={{ display: 'inline-block', width: '20px' }}>
                     <Checkbox
-                      checked={selectedOpenAlex.includes(affiliation)}
+                      checked={selectedOpenAlex.some((a) => a.key === affiliation.key)}
                       name="affiliations"
                       onChange={(e) => {
                         if (e.target.checked) {
diff --git a/client/src/pages/openalex-ror/results/views-selector.jsx b/client/src/pages/openalex-ror/results/views-selector.jsx
index ace86ae..fd309ed 100644
--- a/client/src/pages/openalex-ror/results/views-selector.jsx
+++ b/client/src/pages/openalex-ror/results/views-selector.jsx
@@ -1,6 +1,7 @@
 import {
   Badge,
   Button,
+  Checkbox,
   Col,
   Modal, ModalContent, ModalFooter, ModalTitle,
   Row,
@@ -123,7 +124,7 @@ export default function ViewsSelector({
       >
         <Row>
           <Col xs="3">
-            <input
+            <Checkbox
               checked={(selectedOpenAlex.length === filteredAffiliations.length) && (selectedOpenAlex.length > 0)}
               className="fr-ml-2w"
               onChange={() => {
@@ -133,9 +134,8 @@ export default function ViewsSelector({
                   setSelectedOpenAlex([]);
                 }
               }}
-              type="checkbox"
             />
-            <span className="wm-text fr-mb-3w fr-ml-1w">
+            <span className="wm-text fr-mb-3w fr-ml-6w">
               <Badge color="brown-opera">
                 {selectedOpenAlex.length}
               </Badge>