feat(junior): change embed reboot button into a pixButton

1024pix · Dec 16, 2024 · e39959c · e39959c
1 parent ca78e46
commit e39959c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git 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>
diff --git 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;