feat(networks): ai icon

Author: ahonestla

client/package-lock.json

@@ -18,18 +18,20 @@ export default function ClustersButton() {
     <ButtonGroup size={["xs", "sm"].includes(screen) ? "sm" : "md"}>
       <Button
         title={intl.formatMessage({ id: "networks.clusters.button.description" })}
-        iconPosition="right"
-        icon={parameters.clusters ? "arrow-up-line" : "arrow-down-line"}
+        variant={parameters.clusters ? "secondary" : "primary"}
         onClick={() => handleParameterChange("clusters", !parameters.clusters)}
         disabled={search.isFetching || Boolean(search.error)}
       >
+        <span className="fr-icon-ai-generate-2 fr-btn--icon-left" style={{ cursor: "help" }} />
+        <span>
         {screen === "xs"
           ? intl.formatMessage({
               id: parameters.clusters ? "networks.clusters.button.rm.short" : "networks.clusters.button.add.short",
             })
           : intl.formatMessage({
               id: parameters.clusters ? "networks.clusters.button.rm" : "networks.clusters.button.add",
             })}
+        </span>
       </Button>
     </ButtonGroup>
   )

client/public/icons/ai-generate-2.svg

@@ -81,9 +81,11 @@
     "networks.filters.button.label": "Filters",
     "networks.notice.quick-search": "The search is limited to 10,000 documents. For a more thorough search, disable quick search in the settings. (This may take a few minutes.)",
     "networks.spinner.count": "Search over {count} documents related to the query...",
-    "networks.clusters.button.rm": "Hide communities* information",
-    "networks.clusters.button.add": "Display communities* information",
-    "networks.clusters.button.description": "* Using the Louvain method. Community labels are then calculated by generative AI from the community's corpus of documents.",
+    "networks.clusters.button.rm": "Hide communities information",
+    "networks.clusters.button.rm.short": "Hide communities",
+    "networks.clusters.button.add": "Display communities information",
+    "networks.clusters.button.add.short": "Display communities",
+    "networks.clusters.button.description": "Using the Louvain method. Community labels are then calculated by generative AI from the community's corpus of documents.",
     "networks.search.error204.title": "No Result",
     "networks.search.error204.text": "This search returns no data.",
     "networks.exports.title": "Export",

client/public/icons/ai.svg

@@ -83,11 +83,11 @@
     "networks.filters.button.label": "Filtres",
     "networks.notice.quick-search": "La recherche est limitée à 10 000 documents. Pour une recherche plus approfondie, désactivez la recherche rapide dans les paramètres. (Cela peut prendre quelques minutes.)",
     "networks.spinner.count": "Recherche parmi {count} documents liés à la requête...",
-    "networks.clusters.button.rm": "Masquer les informations des communautés*",
-    "networks.clusters.button.rm.short": "Masquer les communautés*",
-    "networks.clusters.button.add": "Afficher les informations des communautés*",
-    "networks.clusters.button.add.short": "Afficher les communautés*",
-    "networks.clusters.button.description": "* Par la méthode de Louvain. Les labels des communautés sont ensuite calculés par IA générative à partir du corpus de documents de la communauté.",
+    "networks.clusters.button.rm": "Masquer les informations des communautés",
+    "networks.clusters.button.rm.short": "Masquer les communautés",
+    "networks.clusters.button.add": "Afficher les informations des communautés",
+    "networks.clusters.button.add.short": "Afficher les communautés",
+    "networks.clusters.button.description": "Par la méthode de Louvain. Les labels des communautés sont ensuite calculés par IA générative à partir du corpus de documents de la communauté.",
     "networks.search.error204.title": "Pas de résultat",
     "networks.search.error204.text": "Cette recherche ne retourne aucune donnée.",
     "networks.exports.title": "Exporter",

client/src/pages/networks/components/clusters/button.tsx

@@ -151,7 +151,9 @@ $icons:
 ('shapes-line', '/icons/shapes-line.svg')
 ("mistral-ai", "/icons/mistral-ai.svg")
 ("network-line", "/icons/network-line.svg")
-("network-fill", "/icons/network-fill.svg");
+("network-fill", "/icons/network-fill.svg")
+("ai", "/icons/ai.svg")
+("ai-generate-2", "/icons/ai-generate-2.svg");
 
 @each $name, $mask in $icons {