[PR #5014] [MERGED] refactor(sh-admin): dashboard settings page redesign #5018

New issue

Closed

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

kerem commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5014
Author: @joeljstephen
Created: 4/22/2025
Status: ✅ Merged
Merged: 4/24/2025
Merged by: @jamesgeorge007

Base: next ← Head: refactor/dashboard-settings-redesign

📝 Commits (2)

fb48987 refactor: updated design for settings module in dashboard
2f6a3e7 chore: improvements to i18n strings

📊 Changes

7 files changed (+160 additions, -43 deletions)

View changed files

📝 packages/hoppscotch-sh-admin/locales/en.json (+24 -1)
📝 packages/hoppscotch-sh-admin/src/components.d.ts (+3 -0)
➕ packages/hoppscotch-sh-admin/src/components/settings/AuthConfigurations.vue (+114 -0)
➖ packages/hoppscotch-sh-admin/src/components/settings/Configurations.vue (+0 -24)
📝 packages/hoppscotch-sh-admin/src/components/settings/OAuthProviderConfigurations.vue (+1 -1)
📝 packages/hoppscotch-sh-admin/src/components/settings/SmtpConfiguration.vue (+0 -9)
📝 packages/hoppscotch-sh-admin/src/pages/settings.vue (+18 -8)

📄 Description

Ticket

Closes HFE-807

Description

This PR introduces a major redesign of the settings module in the admin dashboard. It extracts various configurations into separate tabs, restructures modules into dedicated sections, and improves grouping for enhanced readability and usability. This reorganization makes it easier for admins to locate and manage relevant configurations.

Screenshot

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/5014 **Author:** [@joeljstephen](https://github.com/joeljstephen) **Created:** 4/22/2025 **Status:** ✅ Merged **Merged:** 4/24/2025 **Merged by:** [@jamesgeorge007](https://github.com/jamesgeorge007) **Base:** `next` ← **Head:** `refactor/dashboard-settings-redesign` --- ### 📝 Commits (2) - [`fb48987`](https://github.com/hoppscotch/hoppscotch/commit/fb48987bc8d6b4a534354c1c4e57f25c08720401) refactor: updated design for settings module in dashboard - [`2f6a3e7`](https://github.com/hoppscotch/hoppscotch/commit/2f6a3e782c4d455363b5ceb36d631f5ea5920804) chore: improvements to i18n strings ### 📊 Changes **7 files changed** (+160 additions, -43 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-sh-admin/locales/en.json` (+24 -1) 📝 `packages/hoppscotch-sh-admin/src/components.d.ts` (+3 -0) ➕ `packages/hoppscotch-sh-admin/src/components/settings/AuthConfigurations.vue` (+114 -0) ➖ `packages/hoppscotch-sh-admin/src/components/settings/Configurations.vue` (+0 -24) 📝 `packages/hoppscotch-sh-admin/src/components/settings/OAuthProviderConfigurations.vue` (+1 -1) 📝 `packages/hoppscotch-sh-admin/src/components/settings/SmtpConfiguration.vue` (+0 -9) 📝 `packages/hoppscotch-sh-admin/src/pages/settings.vue` (+18 -8) </details> ### 📄 Description ### Ticket - Closes HFE-807 ### Description This PR introduces a major redesign of the settings module in the admin dashboard. It extracts various configurations into separate tabs, restructures modules into dedicated sections, and improves grouping for enhanced readability and usability. This reorganization makes it easier for admins to locate and manage relevant configurations. ### Screenshot ![Hoppscotch Admin](https://github.com/user-attachments/assets/c4e2c22f-334e-45a8-bb59-7002c6961327) ### 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>