fix: integrate button width on app details page

weni-ai · Nov 14, 2023 · cb4d148 · cb4d148
1 parent 83e861f
commit cb4d148
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git 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
@@ -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
@@ -16,6 +16,7 @@
       :app="app"
       :disabled="!app.can_add"
       :text="$t('apps.details.header.add')"
+      loadingPosition="left"
     />
 
     <add-modal ref="addModal" />