feat(certif): Change SCO PixBanner to PixNotification

1024pix · Dec 17, 2024 · 512071c · 512071c
1 parent b5482e9
commit 512071c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/certif/app/components/layout/banners.gjs b/certif/app/components/layout/banners.gjs
@@ -1,4 +1,6 @@
 import PixBannerAlert from '@1024pix/pix-ui/components/pix-banner-alert';
+import PixIcon from '@1024pix/pix-ui/components/pix-icon';
+import PixNotificationAlert from '@1024pix/pix-ui/components/pix-notification-alert';
 import { action } from '@ember/object';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
@@ -36,9 +38,9 @@ export default class Banners extends Component {
 
   <template>
     {{#if this.shouldDisplaySCOInformationBanner}}
-      <PixBannerAlert @canCloseBanner='true' class='banners'>
+      <PixNotificationAlert @type='information' @withIcon={{true}} class='banners'>
         {{t 'pages.sco.banner.information' htmlSafe=true}}
-      </PixBannerAlert>
+      </PixNotificationAlert>
     {{/if}}
 
     {{#if this.shouldDisplayLocaleNotSupportedBanner}}

diff --git a/certif/app/styles/components/layout/banners.scss b/certif/app/styles/components/layout/banners.scss
@@ -1,3 +1,14 @@
 .banners {
   margin-bottom: var(--pix-spacing-6x);
+
+  a {
+    text-decoration: underline;
+    display: inline-flex;
+    align-items: center;
+
+    svg {
+      width: 1rem;
+      height: 1rem;
+    }
+  }
 }