From cb4d1481df4367995c62365fe548ad393285cfff Mon Sep 17 00:00:00 2001
From: Paulo Bernardo <paulo.bernardo@weni.ai>
Date: Tue, 14 Nov 2023 14:02:54 -0300
Subject: [PATCH 1/2] fix: integrate button width on app details page

---
 src/components/IntegrateButton.vue      | 12 ++++++++++--
 src/components/LoadingButton.vue        |  2 +-
 src/components/app/AppDetailsHeader.vue |  1 +
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/IntegrateButton.vue b/src/components/IntegrateButton.vue
index 4b76041b..3ff92c58 100644
--- a/src/components/IntegrateButton.vue
+++ b/src/components/IntegrateButton.vue
@@ -3,9 +3,10 @@
     <LoadingButton
       ref="button"
       type="secondary"
-      loadingPosition="center"
+      :loadingPosition="loadingPosition"
       :size="size"
-      :iconCenter="icon"
+      :iconCenter="loadingPosition == 'center' ? icon : null"
+      :iconLeft="loadingPosition == 'left' ? icon : null"
       :isLoading="loadingCreateApp"
       :disabled="disabled"
       :text="text"
@@ -49,6 +50,13 @@
         type: String,
         default: 'small',
       },
+      loadingPosition: {
+        type: String,
+        default: 'center',
+        validator(value) {
+          return ['left', 'center'].indexOf(value) !== -1;
+        },
+      },
     },
     data() {
       return {
diff --git a/src/components/LoadingButton.vue b/src/components/LoadingButton.vue
index 553c6cd6..640e02d4 100644
--- a/src/components/LoadingButton.vue
+++ b/src/components/LoadingButton.vue
@@ -17,7 +17,7 @@
     props: {
       type: {
         type: String,
-        default: 'terciary',
+        default: 'tertiary',
       },
       size: {
         type: String,
diff --git a/src/components/app/AppDetailsHeader.vue b/src/components/app/AppDetailsHeader.vue
index 14132120..869f3c1e 100644
--- a/src/components/app/AppDetailsHeader.vue
+++ b/src/components/app/AppDetailsHeader.vue
@@ -16,6 +16,7 @@
       :app="app"
       :disabled="!app.can_add"
       :text="$t('apps.details.header.add')"
+      loadingPosition="left"
     />
 
     <add-modal ref="addModal" />

From 7f70b517517d20f77454d0260055cd7497056366 Mon Sep 17 00:00:00 2001
From: Paulo Bernardo <paulo.bernardo@weni.ai>
Date: Tue, 14 Nov 2023 14:03:02 -0300
Subject: [PATCH 2/2] fix: update snapshots

---
 .../components/app/__snapshots__/AppDetailsHeader.spec.js.snap  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/unit/specs/components/app/__snapshots__/AppDetailsHeader.spec.js.snap b/tests/unit/specs/components/app/__snapshots__/AppDetailsHeader.spec.js.snap
index e7da0b7a..ba5ce056 100644
--- a/tests/unit/specs/components/app/__snapshots__/AppDetailsHeader.spec.js.snap
+++ b/tests/unit/specs/components/app/__snapshots__/AppDetailsHeader.spec.js.snap
@@ -8,7 +8,7 @@ exports[`AppDetailsHeader.vue should be rendered properly 1`] = `
     <div class="app-details-header__content__description">some specific text</div>
   </div>
   <div type="add" class="app-details-header__button">
-    <unnnicbutton-stub size="large" text="some specific text" type="secondary" iconcenter="add-1" disabled="true" class="loading-button"></unnnicbutton-stub>
+    <unnnicbutton-stub size="large" text="some specific text" type="secondary" iconleft="add-1" disabled="true" class="loading-button"></unnnicbutton-stub>
     <!---->
     <!---->
   </div>