synced/infisical
1
0
Fork 0
mirror of https://github.com/Infisical/infisical.git synced 2025-04-17 19:37:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update UpgradePlanModal message to show relevant message on user actions

Browse Source
This commit is contained in:
carlosmonastyrski
2025-03-04 16:30:22 -03:00
parent bbf60169eb
commit 53f7491441
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/pages/admin/OverviewPage/components/UserPanel.tsx
View File

@ -32,8 +32,12 @@ 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 UserPanelTable = ({
handlePopUpOpen
handlePopUpOpen,
setUpgradePlanMessage
}: {
handlePopUpOpen: (
popUpName: keyof UsePopUpState<["removeUser", "upgradePlan", "upgradeToServerAdmin"]>,
@ -42,6 +46,7 @@ const UserPanelTable = ({
id: string;
}
) => void;
setUpgradePlanMessage: (message: string) => void;
}) => {
const [searchUserFilter, setSearchUserFilter] = useState("");
const { user } = useUser();
@ -105,6 +110,7 @@ const UserPanelTable = ({
onClick={(e) => {
e.stopPropagation();
if (!subscription?.instanceUserManagement) {
setUpgradePlanMessage(deleteUserUpgradePlanMessage)
handlePopUpOpen("upgradePlan");
return;
}
@ -118,6 +124,7 @@ const UserPanelTable = ({
onClick={(e) => {
e.stopPropagation();
if (!subscription?.instanceUserManagement) {
setUpgradePlanMessage(addServerAdminUpgradePlanMessage)
handlePopUpOpen("upgradePlan");
return;
}
@ -164,6 +171,8 @@ export const UserPanel = () => {
"upgradeToServerAdmin"
] as const);
const [upgradePlanMessage, setUpgradePlanMessage] = useState<string>(deleteUserUpgradePlanMessage)
const { mutateAsync: deleteUser } = useAdminDeleteUser();
const { mutateAsync: grantAdminAccess } = useAdminGrantServerAdminAccess();
@ -210,7 +219,7 @@ export const UserPanel = () => {
<div className="mb-4">
<p className="text-xl font-semibold text-mineshaft-100">Users</p>
</div>
<UserPanelTable handlePopUpOpen={handlePopUpOpen} />
<UserPanelTable handlePopUpOpen={handlePopUpOpen} setUpgradePlanMessage={setUpgradePlanMessage}/>
<DeleteActionModal
isOpen={popUp.removeUser.isOpen}
deleteKey="remove"
@ -234,7 +243,7 @@ export const UserPanel = () => {
<UpgradePlanModal
isOpen={popUp.upgradePlan.isOpen}
onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
text="Deleting users via Admin UI is only available on Infisical's Pro plan and above."
text={`${upgradePlanMessage} is only available on Infisical's Pro plan and above.`}
/>
</div>
);