diff --git a/frontend/src/pages/admin/OverviewPage/components/UserPanel.tsx b/frontend/src/pages/admin/OverviewPage/components/UserPanel.tsx index 9f1f8060f..df51216a6 100644 --- a/frontend/src/pages/admin/OverviewPage/components/UserPanel.tsx +++ b/frontend/src/pages/admin/OverviewPage/components/UserPanel.tsx @@ -32,21 +32,20 @@ import { } from "@app/hooks/api"; import { UsePopUpState } from "@app/hooks/usePopUp"; -const deleteUserUpgradePlanMessage = "Deleting users via Admin UI" -const addServerAdminUpgradePlanMessage = "Granting another user Server Admin permissions" +const deleteUserUpgradePlanMessage = "Deleting users via Admin UI"; +const addServerAdminUpgradePlanMessage = "Granting another user Server Admin permissions"; const UserPanelTable = ({ - handlePopUpOpen, - setUpgradePlanMessage + handlePopUpOpen }: { handlePopUpOpen: ( popUpName: keyof UsePopUpState<["removeUser", "upgradePlan", "upgradeToServerAdmin"]>, data?: { username: string; id: string; + message?: string; } ) => void; - setUpgradePlanMessage: (message: string) => void; }) => { const [searchUserFilter, setSearchUserFilter] = useState(""); const { user } = useUser(); @@ -110,8 +109,11 @@ const UserPanelTable = ({ onClick={(e) => { e.stopPropagation(); if (!subscription?.instanceUserManagement) { - setUpgradePlanMessage(deleteUserUpgradePlanMessage) - handlePopUpOpen("upgradePlan"); + handlePopUpOpen("upgradePlan", { + username, + id, + message: deleteUserUpgradePlanMessage + }); return; } handlePopUpOpen("removeUser", { username, id }); @@ -119,13 +121,16 @@ const UserPanelTable = ({ > Remove User - {!superAdmin && ( + {!superAdmin && ( { e.stopPropagation(); if (!subscription?.instanceUserManagement) { - setUpgradePlanMessage(addServerAdminUpgradePlanMessage) - handlePopUpOpen("upgradePlan"); + handlePopUpOpen("upgradePlan", { + username, + id, + message: addServerAdminUpgradePlanMessage + }); return; } handlePopUpOpen("upgradeToServerAdmin", { username, id }); @@ -171,8 +176,6 @@ export const UserPanel = () => { "upgradeToServerAdmin" ] as const); - const [upgradePlanMessage, setUpgradePlanMessage] = useState(deleteUserUpgradePlanMessage) - const { mutateAsync: deleteUser } = useAdminDeleteUser(); const { mutateAsync: grantAdminAccess } = useAdminGrantServerAdminAccess(); @@ -219,7 +222,7 @@ export const UserPanel = () => {

Users

- + { handlePopUpToggle("upgradePlan", isOpen)} - text={`${upgradePlanMessage} is only available on Infisical's Pro plan and above.`} + text={`${popUp?.upgradePlan?.data?.message} is only available on Infisical's Pro plan and above.`} /> );