[PR #3052] [MERGED] chore: environment selector with new ux #4204

New issue

Closed

opened 2026-03-17 01:45:38 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:45:38 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3052
Author: @liyasthomas
Created: 5/11/2023
Status: ✅ Merged
Merged: 5/30/2023
Merged by: @AndrewBastin

Base: release/2023.4.4 ← Head: feat/environment-selector

📝 Commits (4)

61daf2e chore: minor UX improvements
9a75265 chore: minor UX improvements
166c693 refactor: remove prop dependency for env selector
2c18498 chore: minor UX improvements

📊 Changes

5 files changed (+162 additions, -103 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/environments/Selector.vue (+139 -61)
📝 packages/hoppscotch-common/src/components/environments/index.vue (+5 -36)
📝 packages/hoppscotch-common/src/components/environments/teams/index.vue (+1 -1)
📝 packages/hoppscotch-common/src/pages/index.vue (+3 -0)
📝 packages/hoppscotch-ui/src/components/smart/Windows.vue (+14 -5)

📄 Description

Closes HFE-64

Description

This is a continuation of reverting the environment selector component back to its original features with the new design language that we follow at Hoppscotch. Users can now switch between "My environments" and "Team environments" on a Tab UI within the Environment selector popover.

TLDR; allows users to switch to personal environments from team workspaces.

Checks

My pull request adheres to the code style of this project
My code requires changes to the documentation
I have updated the documentation as required
All the tests have passed

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/3052 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 5/11/2023 **Status:** ✅ Merged **Merged:** 5/30/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.4.4` ← **Head:** `feat/environment-selector` --- ### 📝 Commits (4) - [`61daf2e`](https://github.com/hoppscotch/hoppscotch/commit/61daf2eda207932670b980696c9d63f1d2239dcf) chore: minor UX improvements - [`9a75265`](https://github.com/hoppscotch/hoppscotch/commit/9a75265870295ea5060433b47a97514674a7c048) chore: minor UX improvements - [`166c693`](https://github.com/hoppscotch/hoppscotch/commit/166c693e5d1bc970d8a9960443ee3975be5b6b8f) refactor: remove prop dependency for env selector - [`2c18498`](https://github.com/hoppscotch/hoppscotch/commit/2c184983c08e7addbd7437f278819e24c30ca6e2) chore: minor UX improvements ### 📊 Changes **5 files changed** (+162 additions, -103 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/environments/Selector.vue` (+139 -61) 📝 `packages/hoppscotch-common/src/components/environments/index.vue` (+5 -36) 📝 `packages/hoppscotch-common/src/components/environments/teams/index.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/pages/index.vue` (+3 -0) 📝 `packages/hoppscotch-ui/src/components/smart/Windows.vue` (+14 -5) </details> ### 📄 Description Closes HFE-64 ### Description This is a continuation of reverting the environment selector component back to its original features with the new design language that we follow at Hoppscotch. Users can now switch between "My environments" and "Team environments" on a Tab UI within the Environment selector popover. TLDR; allows users to switch to personal environments from team workspaces. ### Checks - [x] My pull request adheres to the code style of this project - [ ] My code requires changes to the documentation - [ ] I have updated the documentation as required - [x] All the tests have passed --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>