style(openAlex): change color button for external actions

dataesr · Nov 14, 2024 · f46c38e · f46c38e
1 parent 98227f8
commit f46c38e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/client/src/components/button-dropdown/index.jsx b/client/src/components/button-dropdown/index.jsx
@@ -31,7 +31,7 @@ export default function ButtonDropdown({ className, data, label, searchParams })
   return (
     <div className={_className}>
       <Button
-        color="beige-gris-galet"
+        color="blue-ecume"
         disabled={!data.length}
         icon="save-line"
         size="sm"
@@ -40,22 +40,22 @@ export default function ButtonDropdown({ className, data, label, searchParams })
       </Button>
       <div className="dropdown-content">
         <Button
-          color="beige-gris-galet"
+          color="blue-ecume"
           onClick={() => { export2Csv({ data, label, searchParams }); toastExport(); }}
           size="sm"
         >
           Export in CSV (minimal data)
         </Button>
         <Button
-          color="beige-gris-galet"
+          color="blue-ecume"
           onClick={() => { export2jsonl({ data, label, searchParams }); toastExport(); }}
           size="sm"
         >
           Export in JSONL (complete data)
         </Button>
         {['publications', 'datasets'].includes(label) && (
           <Button
-            color="beige-gris-galet"
+            color="blue-ecume"
             onClick={() => {
               const numberOfLines = export2FosmCsv({ data, label, searchParams });
               toastExport(numberOfLines);

diff --git a/client/src/pages/openalex-ror/results.jsx b/client/src/pages/openalex-ror/results.jsx
@@ -5,6 +5,7 @@ import {
   Tag, TagGroup,
   Text,
   TextInput,
+  Badge,
 } from '@dataesr/dsfr-plus';
 import { useQuery } from '@tanstack/react-query';
 import { useEffect, useState } from 'react';
@@ -97,9 +98,9 @@ export default function Affiliations() {
           queryParams.deletedAffiliations.push(normalize(item));
         }
       });
-      searchParams.getAll('rors')
+      searchParams.getAll('rors');
       setOptions(queryParams);
-    }
+    };
 
     getData();
   }, [searchParams]);
@@ -244,12 +245,14 @@ export default function Affiliations() {
                 </Modal>
                 <div className="wm-external-actions">
                   <span className="wm-text fr-mb-3w">
-                    <span>{selectedOpenAlex.length}</span>
-                    {` selected affiliation${selectedOpenAlex.length === 1 ? '' : 's'}`}
+                    <Badge color="brown-opera">{selectedOpenAlex.length}</Badge>
+                    <i>
+                      {` selected affiliation${selectedOpenAlex.length === 1 ? '' : 's'}`}
+                    </i>
                   </span>
                   <Button
                     className="fr-ml-5w fr-mr-1w"
-                    color="beige-gris-galet"
+                    color="blue-ecume"
                     disabled={!selectedOpenAlex.length}
                     icon="add-circle-line"
                     key="add-ror"
@@ -264,7 +267,7 @@ export default function Affiliations() {
                   </Button>
                   <Button
                     className="fr-mr-1w"
-                    color="beige-gris-galet"
+                    color="blue-ecume"
                     disabled={!selectedOpenAlex.length}
                     icon="close-circle-line"
                     key="remove-ror"

diff --git a/client/src/pages/openalex-ror/send-feedback-button.jsx b/client/src/pages/openalex-ror/send-feedback-button.jsx
@@ -70,7 +70,7 @@ export default function ActionsOpenalexFeedback({ allOpenalexCorrections }) {
   return (
     <>
       <Button
-        color="beige-gris-galet"
+        color="blue-ecume"
         disabled={!allOpenalexCorrections.length > 0}
         icon="send-plane-fill"
         onClick={switchModal}