chore: fix type issues

Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>

packages/hoppscotch-backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hoppscotch-backend",
-  "version": "2023.4.2",
+  "version": "2023.4.1",
   "description": "",
   "author": "",
   "private": true,

packages/hoppscotch-common/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hoppscotch/common",
   "private": true,
-  "version": "2023.4.2",
+  "version": "2023.4.1",
   "scripts": {
     "dev": "pnpm exec npm-run-all -p -l dev:*",
     "dev:vite": "vite",

packages/hoppscotch-common/src/components.d.ts

@@ -131,6 +131,7 @@ declare module '@vue/runtime-core' {
     IconLucideListEnd: typeof import('~icons/lucide/list-end')['default']
     IconLucideMinus: typeof import('~icons/lucide/minus')['default']
     IconLucideSearch: typeof import('~icons/lucide/search')['default']
+    IconLucideUser: typeof import('~icons/lucide/user')['default']
     IconLucideUsers: typeof import('~icons/lucide/users')['default']
     LensesHeadersRenderer: typeof import('./components/lenses/HeadersRenderer.vue')['default']
     LensesHeadersRendererEntry: typeof import('./components/lenses/HeadersRendererEntry.vue')['default']
@@ -141,6 +142,7 @@ declare module '@vue/runtime-core' {
     LensesRenderersRawLensRenderer: typeof import('./components/lenses/renderers/RawLensRenderer.vue')['default']
     LensesRenderersXMLLensRenderer: typeof import('./components/lenses/renderers/XMLLensRenderer.vue')['default']
     LensesResponseBodyRenderer: typeof import('./components/lenses/ResponseBodyRenderer.vue')['default']
+    ProfilePicture: typeof import('./components/profile/Picture.vue')['default']
     ProfileShortcode: typeof import('./components/profile/Shortcode.vue')['default']
     ProfileShortcodes: typeof import('./components/profile/Shortcodes.vue')['default']
     ProfileUserDelete: typeof import('./components/profile/UserDelete.vue')['default']

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

@@ -36,12 +36,13 @@
               ? IconCheck
               : undefined
           "
+          class="my-2"
           :active-info-icon="
             selectedEnvironmentIndex.type === 'NO_ENV_SELECTED'
           "
           @click="
             () => {
-              selectedEnvironmentIndex = { type: 'NO_ENV_SELECTED' }
+              setSelectedEnvironmentIndex({ type: 'NO_ENV_SELECTED' })
               hide()
             }
           "

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

@@ -121,7 +121,7 @@ const switchToMyEnvironments = () => {
   adapter.changeTeamID(undefined)
 }
 
-const updateSelectedTeam = (newSelectedTeam: SelectedTeam | undefined) => {
+const updateSelectedTeam = (newSelectedTeam: SelectedTeam) => {
   if (newSelectedTeam) {
     environmentType.value.selectedTeam = newSelectedTeam
     REMEMBERED_TEAM_ID.value = newSelectedTeam.id
@@ -150,27 +150,25 @@ const workspace = useReadonlyStream(workspaceStatus$, { type: "personal" })
 // Used to switch environment type and team when user switch workspace in the global workspace switcher
 // Check if there is a teamID in the workspace, if yes, switch to team environment and select the team
 // If there is no teamID, switch to my environment
-watch(workspace, (newWorkspace, oldWorkspace) => {
+watch(
-  // If we are switching into personal from outside
+  () => workspace.value.type === "team" && workspace.value.teamID,
-  if (newWorkspace.type === "personal" && oldWorkspace.type !== "personal") {
+  (teamID) => {
-    // If the selected environment is not a my environment, turn off the env
+    if (!teamID) {
-    if (selectedEnvironmentIndex.value.type !== "MY_ENV") {
       switchToMyEnvironments()
       setSelectedEnvironmentIndex({
         type: "NO_ENV_SELECTED",
       })
-    }
+    } else {
-  } else if (newWorkspace.type === "team") {
+      const team = myTeams.value?.find((t) => t.id === teamID)
-    const team = myTeams.value?.find((t) => t.id === newWorkspace.teamID)
+      if (team) {
         updateSelectedTeam(team)
-
-    if (selectedEnvironmentIndex.value.type !== "MY_ENV") {
         setSelectedEnvironmentIndex({
           type: "NO_ENV_SELECTED",
         })
       }
     }
-})
+  }
+)
 
 watch(
   () => currentUser.value,

packages/hoppscotch-common/src/newstore/environments.ts

@@ -42,21 +42,16 @@ const dispatchers = defineDispatchers({
       selectedEnvironmentIndex,
     }: { selectedEnvironmentIndex: SelectedEnvironmentIndex }
   ) {
-    if (selectedEnvironmentIndex.type === "MY_ENV") {
+    if (
-      if (store.environments[selectedEnvironmentIndex.index]) {
+      selectedEnvironmentIndex.type === "MY_ENV" &&
+      !!store.environments[selectedEnvironmentIndex.index]
+    ) {
       return {
         selectedEnvironmentIndex,
       }
     } else {
       return {
-          selectedEnvironmentIndex: {
         type: "NO_ENV_SELECTED",
-          },
-        }
-      }
-    } else {
-      return {
-        selectedEnvironmentIndex,
       }
     }
   },

packages/hoppscotch-selfhost-web/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hoppscotch/selfhost-web",
   "private": true,
-  "version": "2023.4.2",
+  "version": "2023.4.1",
   "type": "module",
   "scripts": {
     "dev:vite": "vite",

packages/hoppscotch-sh-admin/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hoppscotch-sh-admin",
   "private": true,
-  "version": "2023.4.2",
+  "version": "2023.4.1",
   "type": "module",
   "scripts": {
     "dev": "pnpm exec npm-run-all -p -l dev:*",