feat: loading states for modal buttons (#2268)

2022-04-20 23:48:25 +05:30
parent 7bf76a5812
commit 2452b1be4b
13 changed files with 242 additions and 177 deletions
--- a/packages/hoppscotch-app/components/collections/Edit.vue
+++ b/packages/hoppscotch-app/components/collections/Edit.vue
@@ -26,6 +26,7 @@
      <span>
        <ButtonPrimary
          :label="$t('action.save')"
+          :loading="loadingState"
          @click.native="saveCollection"
        />
        <ButtonSecondary
@@ -44,6 +45,7 @@ export default defineComponent({
  props: {
    show: Boolean,
    editingCollectionName: { type: String, default: null },
+    loadingState: Boolean,
  },
  data() {
    return {
@@ -62,7 +64,6 @@ export default defineComponent({
        return
      }
      this.$emit("submit", this.name)
-      this.hideModal()
    },
    hideModal() {
      this.name = null