[PR #3790] [MERGED] refactor: consolidated admin dashboard improvements #4527

New issue

Closed

opened 2026-03-17 02:03:24 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:03:24 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3790
Author: @joeljstephen
Created: 1/30/2024
Status: ✅ Merged
Merged: 2/2/2024
Merged by: @AndrewBastin

Base: release/2024.3.0 ← Head: refactor/consolidated-dashboard-improvements

📝 Commits (10+)

1b86ec7 feat: new composable to handle useClientHandle related queries
b33fbd5 refactor: team id page now uses the useClientHandler composable to fetch team details
1553b65 refactor: better prop types for invite component
03557c1 refactor: allow two way binding for team data in details component
bc6b457 refactor: team info is called again in members component to retrieve updated member list
865dc85 refactor: improve reactivity when members are added or removed and when roles are changed
0b80c80 chore: remove unused emits from member component
8e1951b refactor: brought rename team name logic to details component and improved logic
990611f refactor: replaced text with i18n strings in invite component
40e81a2 refactor: minor code improvements across components

📊 Changes

20 files changed (+768 additions, -721 deletions)

View changed files

➕ packages/hoppscotch-sh-admin/assets/images/add_group.svg (+37 -0)
📝 packages/hoppscotch-sh-admin/locales/en.json (+20 -7)
📝 packages/hoppscotch-sh-admin/src/components.d.ts (+45 -42)
📝 packages/hoppscotch-sh-admin/src/components/settings/ServerRestart.vue (+5 -4)
📝 packages/hoppscotch-sh-admin/src/components/teams/Add.vue (+10 -7)
📝 packages/hoppscotch-sh-admin/src/components/teams/Details.vue (+72 -28)
📝 packages/hoppscotch-sh-admin/src/components/teams/Invite.vue (+82 -71)
📝 packages/hoppscotch-sh-admin/src/components/teams/Members.vue (+83 -70)
📝 packages/hoppscotch-sh-admin/src/components/teams/PendingInvites.vue (+55 -82)
📝 packages/hoppscotch-sh-admin/src/components/users/Details.vue (+2 -6)
📝 packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue (+3 -7)
📝 packages/hoppscotch-sh-admin/src/components/users/SharedRequests.vue (+96 -96)
📝 packages/hoppscotch-sh-admin/src/composables/useClientHandler.ts (+15 -10)
📝 packages/hoppscotch-sh-admin/src/composables/useConfigHandler.ts (+38 -19)
📝 packages/hoppscotch-sh-admin/src/pages/settings.vue (+26 -10)
📝 packages/hoppscotch-sh-admin/src/pages/teams/_id.vue (+34 -94)
📝 packages/hoppscotch-sh-admin/src/pages/teams/index.vue (+38 -44)
📝 packages/hoppscotch-sh-admin/src/pages/users/_id.vue (+51 -49)
📝 packages/hoppscotch-sh-admin/src/pages/users/index.vue (+54 -71)
📝 packages/hoppscotch-sh-admin/src/pages/users/invited.vue (+2 -4)

📄 Description

Ticket

Closes
- HFE-363
- HFE-373
- HFE 377
Suppresses
- #3686
- #3694
- #3702

Description

This PR combines the improvements and changes made to different modules in the Admin Dashboard into one branch with all merge conflicts resolved. This allows seamless testing of all the new refactors introduced in the Admin Dashboard without any breaking changes

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/3790 **Author:** [@joeljstephen](https://github.com/joeljstephen) **Created:** 1/30/2024 **Status:** ✅ Merged **Merged:** 2/2/2024 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2024.3.0` ← **Head:** `refactor/consolidated-dashboard-improvements` --- ### 📝 Commits (10+) - [`1b86ec7`](https://github.com/hoppscotch/hoppscotch/commit/1b86ec72f94679091115e7603eb82293c68cf336) feat: new composable to handle useClientHandle related queries - [`b33fbd5`](https://github.com/hoppscotch/hoppscotch/commit/b33fbd595215cc14349bcb3daffd0ba52638bcb9) refactor: team id page now uses the useClientHandler composable to fetch team details - [`1553b65`](https://github.com/hoppscotch/hoppscotch/commit/1553b65095ef03b029b90ed1d5f787ab2fc9bf28) refactor: better prop types for invite component - [`03557c1`](https://github.com/hoppscotch/hoppscotch/commit/03557c17e8b2a99f44a6f7e5dbab244558ac30c2) refactor: allow two way binding for team data in details component - [`bc6b457`](https://github.com/hoppscotch/hoppscotch/commit/bc6b45751c3b9af71e9d07a9d46285d7775728c0) refactor: team info is called again in members component to retrieve updated member list - [`865dc85`](https://github.com/hoppscotch/hoppscotch/commit/865dc8577a7a4dc3913cc550cc976c7ceb6548e0) refactor: improve reactivity when members are added or removed and when roles are changed - [`0b80c80`](https://github.com/hoppscotch/hoppscotch/commit/0b80c8013bca5537314c9bfb358ce2e82234ea3c) chore: remove unused emits from member component - [`8e1951b`](https://github.com/hoppscotch/hoppscotch/commit/8e1951bbba7b64d0fc28d4d6b65caae2b17f575c) refactor: brought rename team name logic to details component and improved logic - [`990611f`](https://github.com/hoppscotch/hoppscotch/commit/990611f441585d233a80be6b3e27131d5decf104) refactor: replaced text with i18n strings in invite component - [`40e81a2`](https://github.com/hoppscotch/hoppscotch/commit/40e81a2b7b2d890605e15029cf34c5fcde5af2bc) refactor: minor code improvements across components ### 📊 Changes **20 files changed** (+768 additions, -721 deletions) <details> <summary>View changed files</summary> ➕ `packages/hoppscotch-sh-admin/assets/images/add_group.svg` (+37 -0) 📝 `packages/hoppscotch-sh-admin/locales/en.json` (+20 -7) 📝 `packages/hoppscotch-sh-admin/src/components.d.ts` (+45 -42) 📝 `packages/hoppscotch-sh-admin/src/components/settings/ServerRestart.vue` (+5 -4) 📝 `packages/hoppscotch-sh-admin/src/components/teams/Add.vue` (+10 -7) 📝 `packages/hoppscotch-sh-admin/src/components/teams/Details.vue` (+72 -28) 📝 `packages/hoppscotch-sh-admin/src/components/teams/Invite.vue` (+82 -71) 📝 `packages/hoppscotch-sh-admin/src/components/teams/Members.vue` (+83 -70) 📝 `packages/hoppscotch-sh-admin/src/components/teams/PendingInvites.vue` (+55 -82) 📝 `packages/hoppscotch-sh-admin/src/components/users/Details.vue` (+2 -6) 📝 `packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue` (+3 -7) 📝 `packages/hoppscotch-sh-admin/src/components/users/SharedRequests.vue` (+96 -96) 📝 `packages/hoppscotch-sh-admin/src/composables/useClientHandler.ts` (+15 -10) 📝 `packages/hoppscotch-sh-admin/src/composables/useConfigHandler.ts` (+38 -19) 📝 `packages/hoppscotch-sh-admin/src/pages/settings.vue` (+26 -10) 📝 `packages/hoppscotch-sh-admin/src/pages/teams/_id.vue` (+34 -94) 📝 `packages/hoppscotch-sh-admin/src/pages/teams/index.vue` (+38 -44) 📝 `packages/hoppscotch-sh-admin/src/pages/users/_id.vue` (+51 -49) 📝 `packages/hoppscotch-sh-admin/src/pages/users/index.vue` (+54 -71) 📝 `packages/hoppscotch-sh-admin/src/pages/users/invited.vue` (+2 -4) </details> ### 📄 Description ### Ticket * Closes * HFE-363 * HFE-373 * HFE 377 * Suppresses * #3686 * #3694 * #3702 ### Description This PR combines the improvements and changes made to different modules in the Admin Dashboard into one branch with all merge conflicts resolved. This allows seamless testing of all the new refactors introduced in the Admin Dashboard without any breaking changes ### 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>