From 40931a12a0724578315f6fc3f63e917ef6cd31d5 Mon Sep 17 00:00:00 2001
From: rouxxi <gwenvael.laskar@pix.fr>
Date: Mon, 16 Dec 2024 10:50:00 +0100
Subject: [PATCH] feat(junior): change embed reboot button into a pixButton

---
 .../challenge/challenge-embed-simulator/template.hbs   | 10 +++++-----
 .../challenge/challenge-embed-simulator.scss           |  6 +++++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/junior/app/components/challenge/challenge-embed-simulator/template.hbs b/junior/app/components/challenge/challenge-embed-simulator/template.hbs
index 31976595b49..d5ca00f8832 100644
--- a/junior/app/components/challenge/challenge-embed-simulator/template.hbs
+++ b/junior/app/components/challenge/challenge-embed-simulator/template.hbs
@@ -15,15 +15,15 @@
   </iframe>
   {{#if @shouldDisplayRebootButton}}
     <div class="reboot-container">
-      <button
-        type="button"
+      <PixButton
         class="link link--grey reboot-container__content"
         aria-label={{t "pages.challenge.embed-simulator.actions.reset-label"}}
-        {{on "click" this.rebootSimulator}}
+        @iconBefore="refresh"
+        @variant="tertiary"
+        @triggerAction={{this.rebootSimulator}}
       >
-        <PixIcon @name="refresh" @ariaHidden={{true}} class="embed-reboot-content__icon" />
         {{t "components.challenge.embed-simulator.actions.reset"}}
-      </button>
+      </PixButton>
     </div>
   {{/if}}
 </div>
\ No newline at end of file
diff --git a/junior/app/styles/components/challenge/challenge-embed-simulator.scss b/junior/app/styles/components/challenge/challenge-embed-simulator.scss
index 6e7cd76933e..bfbaf4cbb30 100644
--- a/junior/app/styles/components/challenge/challenge-embed-simulator.scss
+++ b/junior/app/styles/components/challenge/challenge-embed-simulator.scss
@@ -20,7 +20,11 @@
   .reboot-container {
     display: flex;
     justify-content: flex-end;
-    color: var(--pix-neutral-500);
+
+    .pix-button--tertiary {
+      color: var(--pix-neutral-500);
+      text-decoration: none;
+    }
 
     &__content {
       display: flex;