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] 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" />