From 123a854afd25e630da0c768a317d397a942c3dad Mon Sep 17 00:00:00 2001
From: jrcastro2 <jrcastro9515@gmail.com>
Date: Thu, 19 Sep 2024 15:32:50 +0200
Subject: [PATCH] creatibutors modal: add overridable RemoteSelectItem content

* closes https://github.com/CERNDocumentServer/cds-rdm/issues/193
---
 .../CreatibutorsField/CreatibutorsModal.js    | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js b/invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js
index 45e08b727..d33962d64 100644
--- a/invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js
+++ b/invenio_rdm_records/assets/semantic-ui/js/invenio_rdm_records/src/deposit/fields/CreatibutorsField/CreatibutorsModal.js
@@ -28,6 +28,7 @@ import * as Yup from "yup";
 import { AffiliationsField } from "./../AffiliationsField";
 import { CreatibutorsIdentifiers } from "./CreatibutorsIdentifiers";
 import { CREATIBUTOR_TYPE } from "./type";
+import Overridable from "react-overridable";
 
 const ModalActions = {
   ADD: "add",
@@ -259,7 +260,7 @@ export class CreatibutorsModal extends Component {
     }
 
     return (
-      <span key={identifier.identifier}>
+      <span key={identifier.identifier} className="font-weight-normal">
         <a href={link} target="_blank" rel="noopener noreferrer">
           <Image
             src={icon}
@@ -300,12 +301,20 @@ export class CreatibutorsModal extends Component {
         extra: creatibutor,
         key: creatibutor.id,
         content: (
-          <Header>
-            {creatibutor.name} {idString.length ? <>({idString})</> : null}
-            <Header.Subheader>
-              {isOrganization ? creatibutor.acronym : affNames}
-            </Header.Subheader>
-          </Header>
+          <Overridable
+            id="CreatibutorsModal.RemoteSelectItem.content"
+            creatibutor={creatibutor}
+            isOrganization={isOrganization}
+            idString={idString}
+            affNames={affNames}
+          >
+            <Header>
+              {creatibutor.name} {idString.length ? <>({idString})</> : null}
+              <Header.Subheader>
+                {isOrganization ? creatibutor.acronym : affNames}
+              </Header.Subheader>
+            </Header>
+          </Overridable>
         ),
       };
     });