fix: regressions in environment details modal

packages/hoppscotch-app/components/environments/Details.vue

@@ -245,25 +245,27 @@ const saveEnvironment = () => {
     return
   }
 
-  if (props.action === "new") {
-    createEnvironment(name.value)
-    setCurrentEnvironment(envList.value.length - 1)
-  }
-
   const environmentUpdated: Environment = {
     name: name.value,
     variables: vars.value,
   }
 
-  if (props.editingEnvironmentIndex === "Global")
+  if (props.action === "new") {
-    setGlobalEnvVariables(environmentUpdated.variables)
+    // Creating a new environment
-  else if (props.action === "new") {
+    createEnvironment(name.value)
     updateEnvironment(envList.value.length - 1, environmentUpdated)
+    setCurrentEnvironment(envList.value.length - 1)
     toast.success(`${t("environment.created")}`)
-  } else {
+  } else if (props.editingEnvironmentIndex === "Global") {
-    updateEnvironment(props.editingEnvironmentIndex!, environmentUpdated)
+    // Editing the Global environment
+    setGlobalEnvVariables(environmentUpdated.variables)
+    toast.success(`${t("environment.updated")}`)
+  } else if (props.editingEnvironmentIndex) {
+    // Editing an environment
+    updateEnvironment(props.editingEnvironmentIndex, environmentUpdated)
     toast.success(`${t("environment.updated")}`)
   }
+
   hideModal()
 }