fix: workspace environment list reset (#4361)

packages/hoppscotch-common/src/components/environments/index.vue

@@ -112,6 +112,12 @@ const adapterLoading = useReadonlyStream(adapter.loading$, false)
 const adapterError = useReadonlyStream(adapter.error$, null)
 const teamEnvironmentList = useReadonlyStream(adapter.teamEnvironmentList$, [])
 
+const selectedEnvironmentIndex = useStream(
+  selectedEnvironmentIndex$,
+  { type: "NO_ENV_SELECTED" },
+  setSelectedEnvironmentIndex
+)
+
 const loading = computed(
   () => adapterLoading.value && teamEnvironmentList.value.length === 0
 )
@@ -138,7 +144,9 @@ const workspace = workspaceService.currentWorkspace
 
 // Switch to my environments if workspace is personal and to team environments if workspace is team
 // also resets selected environment if workspace is personal and the previous selected environment was a team environment
-watch(workspace, (newWorkspace) => {
+watch(
+  workspace,
+  (newWorkspace) => {
     const { type: newWorkspaceType } = newWorkspace
 
     if (newWorkspaceType === "personal") {
@@ -160,7 +168,9 @@ watch(workspace, (newWorkspace) => {
         type: "NO_ENV_SELECTED",
       })
     }
-})
+  },
+  { immediate: true }
+)
 
 watch(
   () => currentUser.value,
@@ -256,12 +266,6 @@ defineActionHandler(
   }
 )
 
-const selectedEnvironmentIndex = useStream(
-  selectedEnvironmentIndex$,
-  { type: "NO_ENV_SELECTED" },
-  setSelectedEnvironmentIndex
-)
-
 /* Checking if there are any changes in the selected team environment when there are any updates
 in the selected team environment list */
 watch(