From 387c34e4d119490f12a94a02b478bc65ddad9aa4 Mon Sep 17 00:00:00 2001
From: AndreiaPena <andreia.pena@pix.fr>
Date: Tue, 17 Dec 2024 16:48:46 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20certif:=20use=20openNew=20?=
 =?UTF-8?q?icon=20for=20external=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sessions/session-details/clea-results-download.gjs   | 6 +++++-
 .../app/styles/pages/authenticated/sessions/details.scss | 9 ++++-----
 .../session-details/clea-results-download-test.gjs       | 4 +++-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/certif/app/components/sessions/session-details/clea-results-download.gjs b/certif/app/components/sessions/session-details/clea-results-download.gjs
index 78a81bedf8a..2d1c3f45a72 100644
--- a/certif/app/components/sessions/session-details/clea-results-download.gjs
+++ b/certif/app/components/sessions/session-details/clea-results-download.gjs
@@ -39,7 +39,11 @@ export default class SessionDetailsCleaResultsDownload extends Component {
             {{t 'pages.sessions.detail.panel-clea.description'}}
             <a class='link' href='https://cleanumerique.org/' target='_blank' rel='noopener noreferrer'>
               {{t 'pages.sessions.detail.panel-clea.link-text'}}
-              <PixIcon @name='link' @ariaHidden={{true}} class='session-details__clea-results-link-icon' />
+              <PixIcon
+                @name='openNew'
+                @title={{t 'navigation.external-link-title'}}
+                class='session-details__clea-results-link-icon'
+              />
             </a>
           </p>
 
diff --git a/certif/app/styles/pages/authenticated/sessions/details.scss b/certif/app/styles/pages/authenticated/sessions/details.scss
index a5d5145ffee..3fd4253ea34 100644
--- a/certif/app/styles/pages/authenticated/sessions/details.scss
+++ b/certif/app/styles/pages/authenticated/sessions/details.scss
@@ -150,7 +150,6 @@
     margin: 0 0 8px;
     color: var(--pix-neutral-900);
     @extend %pix-title-xs;
-    font-weight: 500;
   }
 
   &__clea-results-download-description {
@@ -163,13 +162,13 @@
     width: 5rem;
     height: 3rem;
     margin-right: 16px;
-    fill: var(--pix-neutral-500);
+    color: var(--pix-neutral-500);
   }
 
   &__clea-results-link-icon {
-    width: 1.3rem;
-    height: 1.3rem;
-    fill: var(--pix-primary-500);
+    width: 1rem;
+    height: 1rem;
+    color: var(--pix-primary-500);
   }
 
   &__controls {
diff --git a/certif/tests/integration/components/sessions/session-details/clea-results-download-test.gjs b/certif/tests/integration/components/sessions/session-details/clea-results-download-test.gjs
index 22b6888c1dc..f84aa535bde 100644
--- a/certif/tests/integration/components/sessions/session-details/clea-results-download-test.gjs
+++ b/certif/tests/integration/components/sessions/session-details/clea-results-download-test.gjs
@@ -22,7 +22,9 @@ module('Integration | Component | sessions | session-details | clea-results-down
       const screen = await render(<template><SessionDetailsCleaResultsDownload @sessionId={{sessionId}} /></template>);
 
       // then
-      const pngDownloadLink = screen.getByRole('link', { name: t('pages.sessions.detail.panel-clea.link-text') });
+      const pngDownloadLink = screen.getByRole('link', {
+        name: `${t('pages.sessions.detail.panel-clea.link-text')} ${t('navigation.external-link-title')}`,
+      });
       assert.dom(pngDownloadLink).hasAttribute('href', 'https://cleanumerique.org/');
     });
   });