[PR #1481] [MERGED] Feature: Teams new UI settings isha #3343

New issue

Closed

opened 2026-03-17 00:57:59 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 00:57:59 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/1481
Author: @IshaGupta18
Created: 2/12/2021
Status: ✅ Merged
Merged: 2/12/2021
Merged by: @liyasthomas

Base: feat/teams-new-ui ← Head: feat/teams-new-ui-settings-isha

📝 Commits (10+)

72306bf feat: fetch myRole from team
8899fb9 chore: add OWNER check to display edit/delete popover
2fafa45 feat: add team name length validator
85a3bbb feat: add team name length and email ID validator
4b2284f chore: add error messages for team name length and email ID format
f285e84 feat: add exit team button for all (w/o check)
1941d24 chore: add exit team message
ed4b09e chore: fetch ownersCount from team
78134dc feat: add owner count check for exit button
01e3cd9 Merge pull request #3 from IshaGupta18/feature-teams-new-ui-settings

📊 Changes

5 files changed (+86 additions, -5 deletions)

View changed files

📝 components/teams/add-team.vue (+7 -0)
📝 components/teams/edit-team.vue (+30 -2)
📝 components/teams/index.vue (+2 -0)
📝 components/teams/team.vue (+41 -2)
📝 lang/en-US.json (+6 -1)

📄 Description

Changes:

Added roles: OWNER, EDITOR & VIEWER.
Frontend checks to validate each role and selectively display edit/delete buttons.
Frontend checks for valid email id.
Frontend checks for valid team name length.
Feature to exit a team.
Frontend check to disallow the only owner to exit a team.

Preview:

The hamburger icon is hidden for viewer, and only the exit button comes for editor.

_{🔄 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/1481 **Author:** [@IshaGupta18](https://github.com/IshaGupta18) **Created:** 2/12/2021 **Status:** ✅ Merged **Merged:** 2/12/2021 **Merged by:** [@liyasthomas](https://github.com/liyasthomas) **Base:** `feat/teams-new-ui` ← **Head:** `feat/teams-new-ui-settings-isha` --- ### 📝 Commits (10+) - [`72306bf`](https://github.com/hoppscotch/hoppscotch/commit/72306bf20c539e2e6cd621c3c65b85c512c12d5b) feat: fetch myRole from team - [`8899fb9`](https://github.com/hoppscotch/hoppscotch/commit/8899fb9d3b16e2d1352026f168664b6b398ac63a) chore: add OWNER check to display edit/delete popover - [`2fafa45`](https://github.com/hoppscotch/hoppscotch/commit/2fafa45be3d8b95a32734c58f561dad60e7b96b5) feat: add team name length validator - [`85a3bbb`](https://github.com/hoppscotch/hoppscotch/commit/85a3bbb746a7b3c962018c79a32b37b44de7ef64) feat: add team name length and email ID validator - [`4b2284f`](https://github.com/hoppscotch/hoppscotch/commit/4b2284f5b316beb203c8f7dd95e5dbb6dc3388bc) chore: add error messages for team name length and email ID format - [`f285e84`](https://github.com/hoppscotch/hoppscotch/commit/f285e849b52be4f704bacd7934abf411a8f95ea1) feat: add exit team button for all (w/o check) - [`1941d24`](https://github.com/hoppscotch/hoppscotch/commit/1941d2463db08c9122185925d6847b3528f0c1d4) chore: add exit team message - [`ed4b09e`](https://github.com/hoppscotch/hoppscotch/commit/ed4b09ebf8ed6480d4d1ea3a19b493ae80fcadde) chore: fetch ownersCount from team - [`78134dc`](https://github.com/hoppscotch/hoppscotch/commit/78134dc6ac8ab9b905f1b4d34b2a072f2d42f644) feat: add owner count check for exit button - [`01e3cd9`](https://github.com/hoppscotch/hoppscotch/commit/01e3cd92a63059032d74ed0048e41b9daa4793eb) Merge pull request #3 from IshaGupta18/feature-teams-new-ui-settings ### 📊 Changes **5 files changed** (+86 additions, -5 deletions) <details> <summary>View changed files</summary> 📝 `components/teams/add-team.vue` (+7 -0) 📝 `components/teams/edit-team.vue` (+30 -2) 📝 `components/teams/index.vue` (+2 -0) 📝 `components/teams/team.vue` (+41 -2) 📝 `lang/en-US.json` (+6 -1) </details> ### 📄 Description ### Changes: ### 1. Added roles: OWNER, EDITOR & VIEWER. 2. Frontend checks to validate each role and selectively display edit/delete buttons. 3. Frontend checks for valid email id. 4. Frontend checks for valid team name length. 5. Feature to exit a team. 6. Frontend check to disallow the only owner to exit a team. ### Preview: ### ![image](https://user-images.githubusercontent.com/40794215/107740232-a50ecb00-6d30-11eb-9484-eb1c4434c1e9.png) ![image](https://user-images.githubusercontent.com/40794215/107740257-b1932380-6d30-11eb-8080-b28705d61555.png) ![image](https://user-images.githubusercontent.com/40794215/107740430-1ea6b900-6d31-11eb-89f8-53ded533c0a9.png) The hamburger icon is hidden for viewer, and only the exit button comes for editor. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>