fix: prevent keypress actions in the loading state (#4462)

Co-authored-by: jamesgeorge007 <25279263+jamesgeorge007@users.noreply.github.com>

packages/hoppscotch-common/src/components/collections/Add.vue

@@ -69,6 +69,10 @@ watch(
 )
 
 const addNewCollection = () => {
+  if (props.loadingState) {
+    return
+  }
+
   if (!editingName.value) {
     toast.error(t("collection.invalid_name"))
     return

packages/hoppscotch-common/src/components/collections/AddFolder.vue

@@ -69,10 +69,15 @@ watch(
 )
 
 const addFolder = () => {
+  if (props.loadingState) {
+    return
+  }
+
   if (editingName.value.trim() === "") {
     toast.error(t("folder.invalid_name"))
     return
   }
+
   emit("add-folder", editingName.value)
 }
 

packages/hoppscotch-common/src/components/collections/AddRequest.vue

@@ -166,10 +166,15 @@ watch(
 )
 
 const addRequest = () => {
+  if (props.loadingState) {
+    return
+  }
+
   if (editingName.value.trim() === "") {
     toast.error(`${t("error.empty_req_name")}`)
     return
   }
+
   emit("add-request", editingName.value)
 }
 

packages/hoppscotch-common/src/components/collections/Edit.vue

@@ -69,6 +69,10 @@ watch(
 )
 
 const saveCollection = () => {
+  if (props.loadingState) {
+    return
+  }
+
   if (editingName.value.trim() === "") {
     toast.error(t("collection.invalid_name"))
     return

packages/hoppscotch-common/src/components/collections/EditFolder.vue

@@ -69,6 +69,10 @@ watch(
 )
 
 const editFolder = () => {
+  if (props.loadingState) {
+    return
+  }
+
   if (editingName.value.trim() === "") {
     toast.error(t("folder.invalid_name"))
     return

packages/hoppscotch-common/src/components/collections/EditRequest.vue

@@ -154,6 +154,10 @@ const submittedFeedback = ref(false)
 const { submitFeedback, isSubmitFeedbackPending } = useSubmitFeedback()
 
 const editRequest = () => {
+  if (props.loadingState) {
+    return
+  }
+
   if (editingName.value.trim() === "") {
     toast.error(t("request.invalid_name"))
     return

packages/hoppscotch-common/src/components/environments/teams/Details.vue

@@ -352,6 +352,10 @@ const removeEnvironmentVariable = (id: number) => {
 const isLoading = ref(false)
 
 const saveEnvironment = async () => {
+  if (isLoading.value) {
+    return
+  }
+
   isLoading.value = true
 
   if (!editingName.value) {

packages/hoppscotch-common/src/components/teams/Add.vue

@@ -63,6 +63,10 @@ const isLoading = ref(false)
 const workspaceService = useService(WorkspaceService)
 
 const addNewTeam = async () => {
+  if (isLoading.value) {
+    return
+  }
+
   isLoading.value = true
   await pipe(
     TeamNameCodec.decode(editingName.value),