[PR #4176] [MERGED] refactor(sh-admin): updated invite flow for the admin dashboard #4690

New issue

Closed

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

kerem commented

2026-03-17 02:12:07 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/4176
Author: @joeljstephen
Created: 7/9/2024
Status: ✅ Merged
Merged: 7/26/2024
Merged by: @nivedin

Base: next ← Head: refactor/dashboard-invite-link-flow

📝 Commits (7)

1d83456 feat: new success invite link modal introduced
c8d1ad5 refactor: replaced button with lucide icon
6a9bad5 style: vertical padding to lucide icon
934e923 feat: new success invite modal component
b50b18a refactor: hide copy link button when there are no pending invites
ff81a0a refactor: changed copy link button to copy invite link
2d92bb3 chore: minor UI update

📊 Changes

6 files changed (+96 additions, -19 deletions)

View changed files

📝 packages/hoppscotch-sh-admin/locales/en.json (+5 -0)
📝 packages/hoppscotch-sh-admin/src/components.d.ts (+9 -0)
📝 packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue (+1 -8)
➕ packages/hoppscotch-sh-admin/src/components/users/SuccessInviteModal.vue (+60 -0)
📝 packages/hoppscotch-sh-admin/src/pages/users/index.vue (+17 -8)
📝 packages/hoppscotch-sh-admin/src/pages/users/invited.vue (+4 -3)

📄 Description

Ticket

Closes HFE-540

Description

This PR focuses on improving the current invite flow in the admin dashboard.

Changes Introduced

New Success Invite Modal introduced when an invite is successfully made.
Users can copy the invite link from the newly introduced modal.
If SMTP is enabled, an email is sent to the user and the admin can copy the invite link
If SMTP is disabled, the admin can copy the invite link

Objectives

Admins can performs a single invite, regardless of the SMTP status
Change the copy Send Invite to Add user
Remove the Copy Link button
When the user enters an email and clicks on add user, show a success modal with different content depending on the cases below:
Case 1: If SMTP is enabled, an email is sent and admins can copy the invite link. This is mentioned in the modal.
Case 2: If SMTP is disabled, admins can only copy the invite link

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/4176 **Author:** [@joeljstephen](https://github.com/joeljstephen) **Created:** 7/9/2024 **Status:** ✅ Merged **Merged:** 7/26/2024 **Merged by:** [@nivedin](https://github.com/nivedin) **Base:** `next` ← **Head:** `refactor/dashboard-invite-link-flow` --- ### 📝 Commits (7) - [`1d83456`](https://github.com/hoppscotch/hoppscotch/commit/1d83456aa751704545b0ef0f7d6002c800c68e63) feat: new success invite link modal introduced - [`c8d1ad5`](https://github.com/hoppscotch/hoppscotch/commit/c8d1ad5d9c0435a57aff9eae3ce89a198a29e8dd) refactor: replaced button with lucide icon - [`6a9bad5`](https://github.com/hoppscotch/hoppscotch/commit/6a9bad5ff2bf649dfeb581b0e0a931a382bd00d4) style: vertical padding to lucide icon - [`934e923`](https://github.com/hoppscotch/hoppscotch/commit/934e923961ca1bcdbd72bf708544c67a3d4d5289) feat: new success invite modal component - [`b50b18a`](https://github.com/hoppscotch/hoppscotch/commit/b50b18a5c692bb3f83ca387284c1e7f69827e9c3) refactor: hide copy link button when there are no pending invites - [`ff81a0a`](https://github.com/hoppscotch/hoppscotch/commit/ff81a0a6cbb39f5c61f06a74f8e3b28b46d912a6) refactor: changed copy link button to copy invite link - [`2d92bb3`](https://github.com/hoppscotch/hoppscotch/commit/2d92bb33f9f9080e498bcf5a8c42ec5dd7613478) chore: minor UI update ### 📊 Changes **6 files changed** (+96 additions, -19 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-sh-admin/locales/en.json` (+5 -0) 📝 `packages/hoppscotch-sh-admin/src/components.d.ts` (+9 -0) 📝 `packages/hoppscotch-sh-admin/src/components/users/InviteModal.vue` (+1 -8) ➕ `packages/hoppscotch-sh-admin/src/components/users/SuccessInviteModal.vue` (+60 -0) 📝 `packages/hoppscotch-sh-admin/src/pages/users/index.vue` (+17 -8) 📝 `packages/hoppscotch-sh-admin/src/pages/users/invited.vue` (+4 -3) </details> ### 📄 Description ### Ticket Closes HFE-540 ### Description This PR focuses on improving the current invite flow in the admin dashboard. ### Changes Introduced - New Success Invite Modal introduced when an invite is successfully made. - Users can copy the invite link from the newly introduced modal. - If SMTP is enabled, an email is sent to the user and the admin can copy the invite link - If SMTP is disabled, the admin can copy the invite link ### Objectives - [x] Admins can performs a single invite, regardless of the SMTP status - [x] Change the copy `Send Invite` to `Add user` - [x] Remove the `Copy Link` button - [x] When the user enters an email and clicks on add user, show a success modal with different content depending on the cases below: - **Case 1:** If SMTP is enabled, an email is sent and admins can copy the invite link. This is mentioned in the modal. - **Case 2:** If SMTP is disabled, admins can only copy the invite link ### Screenshot ![image](https://github.com/user-attachments/assets/ff9909a1-a6b1-497a-b0a2-5548f8242421) ### 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>