awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-21 12:28:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: streamline modal close handlers and completion callbacks across various components

Browse Source
This commit is contained in:
Victor Santos
2025-10-31 18:43:34 -03:00
parent 7d8b28367e
commit b26fb73053
116 changed files with 1865 additions and 2949 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/PamAccountForm.tsx
+22 -40
View File
@@ -38,27 +38,18 @@ const CreateForm = ({
const onSubmit = async (
formData: DiscriminativePick<TPamAccount, "name" | "description" | "credentials">
) => {
try {
const account = await createPamAccount.mutateAsync({
...formData,
folderId,
resourceId,
resourceType,
projectId
});
createNotification({
text: "Successfully created account",
type: "success"
});
onComplete(account);
} catch (err: any) {
console.error(err);
createNotification({
title: "Failed to create account",
text: err.message,
type: "error"
});
}
const account = await createPamAccount.mutateAsync({
...formData,
folderId,
resourceId,
resourceType,
projectId
});
createNotification({
text: "Successfully created account",
type: "success"
});
onComplete(account);
};
switch (resourceType) {
@@ -85,25 +76,16 @@ const UpdateForm = ({ account, onComplete }: UpdateFormProps) => {
const onSubmit = async (
formData: DiscriminativePick<TPamAccount, "name" | "description" | "credentials">
) => {
try {
const updatedAccount = await updatePamAccount.mutateAsync({
accountId: account.id,
resourceType: account.resource.resourceType,
...formData
});
createNotification({
text: "Successfully updated account",
type: "success"
});
onComplete(updatedAccount);
} catch (err: any) {
console.error(err);
createNotification({
title: "Failed to update account",
text: err.message,
type: "error"
});
}
const updatedAccount = await updatePamAccount.mutateAsync({
accountId: account.id,
resourceType: account.resource.resourceType,
...formData
});
createNotification({
text: "Successfully updated account",
type: "success"
});
onComplete(updatedAccount);
};
switch (account.resource.resourceType) {
frontend/src/pages/pam/PamAccountsPage/components/PamAddFolderModal.tsx
+10 -19
View File
@@ -17,25 +17,16 @@ export const PamAddFolderModal = ({ isOpen, onOpenChange, projectId, currentFold
console.log({ currentFolderId });
const onSubmit = async (formData: Pick<TPamFolder, "name" | "description">) => {
try {
await createPamFolder.mutateAsync({
...formData,
parentId: currentFolderId,
projectId
});
createNotification({
text: "Successfully created folder",
type: "success"
});
onOpenChange(false);
} catch (err: any) {
console.error(err);
createNotification({
title: "Failed to create folder",
text: err.message,
type: "error"
});
}
await createPamFolder.mutateAsync({
...formData,
parentId: currentFolderId,
projectId
});
createNotification({
text: "Successfully created folder",
type: "success"
});
onOpenChange(false);
};
return (
frontend/src/pages/pam/PamAccountsPage/components/PamDeleteAccountModal.tsx
+9 -17
View File
@@ -20,25 +20,17 @@ export const PamDeleteAccountModal = ({ isOpen, onOpenChange, account }: Props)
} = account;
const handleDelete = async () => {
try {
await deletePamAccount.mutateAsync({
accountId,
resourceType
});
await deletePamAccount.mutateAsync({
accountId,
resourceType
});
createNotification({
text: "Successfully deleted account",
type: "success"
});
createNotification({
text: "Successfully deleted account",
type: "success"
});
onOpenChange(false);
} catch (err) {
console.error(err);
createNotification({
text: "Failed to delete account",
type: "error"
});
}
onOpenChange(false);
};
return (
frontend/src/pages/pam/PamAccountsPage/components/PamDeleteFolderModal.tsx
+8 -16
View File
@@ -16,24 +16,16 @@ export const PamDeleteFolderModal = ({ isOpen, onOpenChange, folder }: Props) =>
const { id: folderId, name } = folder;
const handleDelete = async () => {
try {
await deletePamFolder.mutateAsync({
folderId
});
await deletePamFolder.mutateAsync({
folderId
});
createNotification({
text: "Successfully deleted folder",
type: "success"
});
createNotification({
text: "Successfully deleted folder",
type: "success"
});
onOpenChange(false);
} catch (err) {
console.error(err);
createNotification({
text: "Failed to delete folder",
type: "error"
});
}
onOpenChange(false);
};
return (
frontend/src/pages/pam/PamAccountsPage/components/PamUpdateFolderModal.tsx
+9 -18
View File
@@ -16,24 +16,15 @@ export const PamUpdateFolderModal = ({ isOpen, onOpenChange, folder }: Props) =>
if (!folder) return null;
const onSubmit = async (formData: Pick<TPamFolder, "name" | "description">) => {
try {
await updatePamFolder.mutateAsync({
...formData,
folderId: folder.id
});
createNotification({
text: "Successfully updated folder",
type: "success"
});
onOpenChange(false);
} catch (err: any) {
console.error(err);
createNotification({
title: "Failed to updated folder",
text: err.message,
type: "error"
});
}
await updatePamFolder.mutateAsync({
...formData,
folderId: folder.id
});
createNotification({
text: "Successfully updated folder",
type: "success"
});
onOpenChange(false);
};
return (
frontend/src/pages/pam/PamResourcesPage/components/PamDeleteResourceModal.tsx
+9 -17
View File
@@ -16,25 +16,17 @@ export const PamDeleteResourceModal = ({ isOpen, onOpenChange, resource }: Props
const { id: resourceId, name, resourceType } = resource;
const handleDelete = async () => {
try {
await deletePamResource.mutateAsync({
resourceId,
resourceType
});
await deletePamResource.mutateAsync({
resourceId,
resourceType
});
createNotification({
text: `Successfully removed ${PAM_RESOURCE_TYPE_MAP[resourceType].name} resource`,
type: "success"
});
createNotification({
text: `Successfully removed ${PAM_RESOURCE_TYPE_MAP[resourceType].name} resource`,
type: "success"
});
onOpenChange(false);
} catch (err) {
console.error(err);
createNotification({
text: `Failed to remove ${PAM_RESOURCE_TYPE_MAP[resourceType].name} resource`,
type: "error"
});
}
onOpenChange(false);
};
return (
frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/PamResourceForm.tsx
+18 -36
View File
@@ -35,24 +35,15 @@ const CreateForm = ({ resourceType, onComplete, projectId }: CreateFormProps) =>
"name" | "resourceType" | "connectionDetails" | "gatewayId"
>
) => {
try {
const resource = await createPamResource.mutateAsync({
...formData,
projectId
});
createNotification({
text: `Successfully created ${resourceName} resource`,
type: "success"
});
onComplete(resource);
} catch (err: any) {
console.error(err);
createNotification({
title: `Failed to create ${resourceName} resource`,
text: err.message,
type: "error"
});
}
const resource = await createPamResource.mutateAsync({
...formData,
projectId
});
createNotification({
text: `Successfully created ${resourceName} resource`,
type: "success"
});
onComplete(resource);
};
switch (resourceType) {
@@ -72,24 +63,15 @@ const UpdateForm = ({ resource, onComplete }: UpdateFormProps) => {
const onSubmit = async (
formData: DiscriminativePick<TPamResource, "name" | "resourceType" | "connectionDetails">
) => {
try {
const updatedResource = await updatePamResource.mutateAsync({
resourceId: resource.id,
...formData
});
createNotification({
text: `Successfully updated ${resourceName} resource`,
type: "success"
});
onComplete(updatedResource);
} catch (err: any) {
console.error(err);
createNotification({
title: `Failed to update ${resourceName} resource`,
text: err.message,
type: "error"
});
}
const updatedResource = await updatePamResource.mutateAsync({
resourceId: resource.id,
...formData
});
createNotification({
text: `Successfully updated ${resourceName} resource`,
type: "success"
});
onComplete(updatedResource);
};
switch (resource.resourceType) {