refactor: enhance notification handling and streamline async logic across various components

2026-09-22 13:39:35 +00:00 · 2025-11-03 11:58:44 -03:00
parent 1ed59a7304
commit 3aeee8d552
38 changed files with 653 additions and 1064 deletions
--- a/frontend/src/pages/organization/SettingsPage/OauthCallbackPage/OauthCallbackPage.tsx
+++ b/frontend/src/pages/organization/SettingsPage/OauthCallbackPage/OauthCallbackPage.tsx
@@ -72,20 +72,12 @@ export const OAuthCallbackPage = () => {
    if (!isReady) return;

    (async () => {
-      try {
-        await handleMicrosoftTeams();
+      await handleMicrosoftTeams();

-        createNotification({
-          text: "Successfully created Microsoft Teams workflow integration",
-          type: "success"
-        });
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: "Failed to create Microsoft Teams workflow integration",
-          type: "error"
-        });
-      }
+      createNotification({
+        text: "Successfully created Microsoft Teams workflow integration",
+        type: "success"
+      });
    })();
  }, [isReady]);

--- a/frontend/src/pages/organization/SettingsPage/components/OrgProvisioningTab/GithubOrgSyncConfigModal.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgProvisioningTab/GithubOrgSyncConfigModal.tsx
@@ -55,55 +55,40 @@ export const GithubOrgSyncConfigModal = ({
  });

  const onFormSubmit = async ({ githubOrgName, githubOrgAccessToken }: FormData) => {
-    try {
-      if (isUpdate) {
-        await updateGithubSyncOrgConfig({
-          githubOrgName,
-          githubOrgAccessToken
-        });
+    if (isUpdate) {
+      await updateGithubSyncOrgConfig({
+        githubOrgName,
+        githubOrgAccessToken
+      });

-        createNotification({
-          text: "Successfully updated GitHub Organization Sync",
-          type: "success"
-        });
-      } else {
-        await createGithubSyncOrgConfig({
-          githubOrgName,
-          githubOrgAccessToken,
-          isActive: false
-        });
-
-        createNotification({
-          text: "Successfully created GitHub Organization Sync",
-          type: "success"
-        });
-      }
-      handlePopUpToggle("githubOrgSyncConfig");
-    } catch {
      createNotification({
-        text: "Failed to setup GitHub Organization Sync",
-        type: "error"
+        text: "Successfully updated GitHub Organization Sync",
+        type: "success"
+      });
+    } else {
+      await createGithubSyncOrgConfig({
+        githubOrgName,
+        githubOrgAccessToken,
+        isActive: false
+      });
+
+      createNotification({
+        text: "Successfully created GitHub Organization Sync",
+        type: "success"
      });
    }
+    handlePopUpToggle("githubOrgSyncConfig");
  };

  const onDelete = async () => {
-    try {
-      await deleteGithubSyncOrgConfig();
+    await deleteGithubSyncOrgConfig();

-      handlePopUpToggle("deleteGithubOrgSyncConfig", false);
-      handlePopUpToggle("githubOrgSyncConfig", false);
-      createNotification({
-        text: "Successfully deleted GitHub Organization Sync",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete GitHub Organization Sync",
-        type: "error"
-      });
-    }
+    handlePopUpToggle("deleteGithubOrgSyncConfig", false);
+    handlePopUpToggle("githubOrgSyncConfig", false);
+    createNotification({
+      text: "Successfully deleted GitHub Organization Sync",
+      type: "success"
+    });
  };

  return (
--- a/frontend/src/pages/organization/SettingsPage/components/OrgProvisioningTab/OrgGithubSyncSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgProvisioningTab/OrgGithubSyncSection.tsx
@@ -35,64 +35,41 @@ export const OrgGithubSyncSection = () => {
  const data = !isPending && !githubOrgSyncConfig?.isError ? githubOrgSyncConfig?.data : undefined;

  const handleBulkSync = async () => {
-    try {
-      const result = await syncAllTeamsMutation.mutateAsync();
-      let message = "Successfully synced teams";
+    const result = await syncAllTeamsMutation.mutateAsync();
+    let message = "Successfully synced teams";

-      const details = [];
-      if (result.createdTeams.length > 0) {
-        details.push(
-          `${result.createdTeams.length} new team${result.createdTeams.length === 1 ? "" : "s"} created`
-        );
-      }
-      if (result.updatedTeams.length > 0) {
-        details.push(
-          `${result.updatedTeams.length} team${result.updatedTeams.length === 1 ? "" : "s"} updated`
-        );
-      }
-      if (result.removedMemberships > 0) {
-        details.push(
-          `${result.removedMemberships} membership${result.removedMemberships === 1 ? "" : "s"} removed`
-        );
-      }
+    const details = [];
+    if (result.createdTeams.length > 0) {
+      details.push(
+        `${result.createdTeams.length} new team${result.createdTeams.length === 1 ? "" : "s"} created`
+      );
+    }
+    if (result.updatedTeams.length > 0) {
+      details.push(
+        `${result.updatedTeams.length} team${result.updatedTeams.length === 1 ? "" : "s"} updated`
+      );
+    }
+    if (result.removedMemberships > 0) {
+      details.push(
+        `${result.removedMemberships} membership${result.removedMemberships === 1 ? "" : "s"} removed`
+      );
+    }

-      if (details.length > 0) {
-        message += `. ${details.join(", ")}`;
-      }
+    if (details.length > 0) {
+      message += `. ${details.join(", ")}`;
+    }

+    createNotification({
+      text: message,
+      type: "success"
+    });
+
+    if (result.errors && result.errors.length > 0) {
      createNotification({
-        text: message,
-        type: "success"
+        text: `Sync completed with ${result.errors.length} warnings. Check the console for details.`,
+        type: "warning"
      });
-
-      if (result.errors && result.errors.length > 0) {
-        createNotification({
-          text: `Sync completed with ${result.errors.length} warnings. Check the console for details.`,
-          type: "warning"
-        });
-        console.warn("Sync errors:", result.errors);
-      }
-    } catch (error) {
-      const errorMessage =
-        (error as any)?.response?.data?.message || (error as Error)?.message || "Unknown error";
-
-      if (
-        errorMessage.includes("token") &&
-        (errorMessage.includes("required") ||
-          errorMessage.includes("invalid") ||
-          errorMessage.includes("expired") ||
-          errorMessage.includes("set a token first"))
-      ) {
-        createNotification({
-          text: "Please set a GitHub access token in the configuration modal to continue with the sync",
-          type: "error"
-        });
-      } else {
-        createNotification({
-          text: `Failed to sync GitHub teams: ${errorMessage}`,
-          type: "error"
-        });
-      }
+      console.warn("Sync errors:", result.errors);
    }
  };

--- a/frontend/src/pages/organization/SettingsPage/components/OrgProvisioningTab/OrgSCIMSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgProvisioningTab/OrgSCIMSection.tsx
@@ -36,30 +36,23 @@ export const OrgScimSection = () => {
  };

  const handleEnableSCIMToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.scim) {
-        handlePopUpOpen("upgradePlan", {
-          isEnterpriseFeature: true
-        });
-        return;
-      }
-
-      await mutateAsync({
-        orgId: currentOrg?.id,
-        scimEnabled: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} SCIM provisioning`,
-        type: "success"
-      });
-    } catch (err) {
-      createNotification({
-        text: (err as { response: { data: { message: string } } }).response.data.message,
-        type: "error"
+    if (!currentOrg?.id) return;
+    if (!subscription?.scim) {
+      handlePopUpOpen("upgradePlan", {
+        isEnterpriseFeature: true
      });
+      return;
    }
+
+    await mutateAsync({
+      orgId: currentOrg?.id,
+      scimEnabled: value
+    });
+
+    createNotification({
+      text: `Successfully ${value ? "enabled" : "disabled"} SCIM provisioning`,
+      type: "success"
+    });
  };

  return (
--- a/frontend/src/pages/organization/SettingsPage/components/OrgProvisioningTab/ScimTokenModal.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgProvisioningTab/ScimTokenModal.tsx
@@ -92,52 +92,36 @@ export const ScimTokenModal = ({ popUp, handlePopUpOpen, handlePopUpToggle }: Pr
  }, [isScimTokenCopied, isScimUrlCopied]);

  const onFormSubmit = async ({ description, ttlDays }: FormData) => {
-    try {
-      if (!currentOrg?.id) return;
+    if (!currentOrg?.id) return;

-      const { scimToken } = await createScimTokenMutateAsync({
-        organizationId: currentOrg.id,
-        description,
-        ttlDays: Number(ttlDays)
-      });
+    const { scimToken } = await createScimTokenMutateAsync({
+      organizationId: currentOrg.id,
+      description,
+      ttlDays: Number(ttlDays)
+    });

-      setToken(scimToken);
+    setToken(scimToken);

-      createNotification({
-        text: "Successfully created SCIM token",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create SCIM token",
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Successfully created SCIM token",
+      type: "success"
+    });
  };

  const onDeleteScimTokenSubmit = async (scimTokenId: string) => {
-    try {
-      if (!currentOrg?.id) return;
+    if (!currentOrg?.id) return;

-      await deleteScimTokenMutateAsync({
-        organizationId: currentOrg.id,
-        scimTokenId
-      });
+    await deleteScimTokenMutateAsync({
+      organizationId: currentOrg.id,
+      scimTokenId
+    });

-      handlePopUpToggle("deleteScimToken", false);
+    handlePopUpToggle("deleteScimToken", false);

-      createNotification({
-        text: "Successfully deleted SCIM token",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete SCIM token",
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Successfully deleted SCIM token",
+      type: "success"
+    });
  };

  const hasToken = Boolean(token);
--- a/frontend/src/pages/organization/SettingsPage/components/OrgSecurityTab/OrgGenericAuthSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgSecurityTab/OrgGenericAuthSection.tsx
@@ -20,55 +20,39 @@ export const OrgGenericAuthSection = () => {
  const { mutateAsync } = useUpdateOrg();

  const handleEnforceMfaToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.enforceMfa) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        orgId: currentOrg?.id,
-        enforceMfa: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enforced" : "un-enforced"} MFA`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: (err as { response: { data: { message: string } } }).response.data.message,
-        type: "error"
-      });
+    if (!currentOrg?.id) return;
+    if (!subscription?.enforceMfa) {
+      handlePopUpOpen("upgradePlan");
+      return;
    }
+
+    await mutateAsync({
+      orgId: currentOrg?.id,
+      enforceMfa: value
+    });
+
+    createNotification({
+      text: `Successfully ${value ? "enforced" : "un-enforced"} MFA`,
+      type: "success"
+    });
  };

  const handleUpdateSelectedMfa = async (selectedMfaMethod: MfaMethod) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.enforceMfa) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        orgId: currentOrg?.id,
-        selectedMfaMethod
-      });
-
-      createNotification({
-        text: "Successfully updated selected MFA method",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: (err as { response: { data: { message: string } } }).response.data.message,
-        type: "error"
-      });
+    if (!currentOrg?.id) return;
+    if (!subscription?.enforceMfa) {
+      handlePopUpOpen("upgradePlan");
+      return;
    }
+
+    await mutateAsync({
+      orgId: currentOrg?.id,
+      selectedMfaMethod
+    });
+
+    createNotification({
+      text: "Successfully updated selected MFA method",
+      type: "success"
+    });
  };

  return (
--- a/frontend/src/pages/organization/SettingsPage/components/OrgSecurityTab/OrgUserAccessTokenLimitSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgSecurityTab/OrgUserAccessTokenLimitSection.tsx
@@ -57,24 +57,17 @@ export const OrgUserAccessTokenLimitSection = () => {
  if (!currentOrg) return null;

  const handleUserTokenExpirationSubmit = async (formData: TForm) => {
-    try {
-      const userTokenExpiration = formatDuration(formData.expirationValue, formData.expirationUnit);
+    const userTokenExpiration = formatDuration(formData.expirationValue, formData.expirationUnit);

-      await updateUserTokenExpiration({
-        userTokenExpiration,
-        orgId: currentOrg.id
-      });
+    await updateUserTokenExpiration({
+      userTokenExpiration,
+      orgId: currentOrg.id
+    });

-      createNotification({
-        text: "Successfully updated user token expiration",
-        type: "success"
-      });
-    } catch {
-      createNotification({
-        text: "Failed updating user token expiration",
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Successfully updated user token expiration",
+      type: "success"
+    });
  };

  // Units for the dropdown with readable labels
--- a/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/LDAPGroupMapModal.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/LDAPGroupMapModal.tsx
@@ -79,28 +79,20 @@ export const LDAPGroupMapModal = ({ popUp, handlePopUpOpen, handlePopUpToggle }:
  });

  const onFormSubmit = async ({ groupSlug, ldapGroupCN }: TFormData) => {
-    try {
-      if (!ldapConfig) return;
+    if (!ldapConfig) return;

-      await createLDAPGroupMapping({
-        ldapConfigId: ldapConfig.id,
-        groupSlug,
-        ldapGroupCN
-      });
+    await createLDAPGroupMapping({
+      ldapConfigId: ldapConfig.id,
+      groupSlug,
+      ldapGroupCN
+    });

-      reset();
+    reset();

-      createNotification({
-        text: `Successfully added LDAP group mapping for ${ldapGroupCN}`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to add LDAP group mapping for ${ldapGroupCN}`,
-        type: "error"
-      });
-    }
+    createNotification({
+      text: `Successfully added LDAP group mapping for ${ldapGroupCN}`,
+      type: "success"
+    });
  };

  const onDeleteGroupMapSubmit = async ({
@@ -112,25 +104,17 @@ export const LDAPGroupMapModal = ({ popUp, handlePopUpOpen, handlePopUpToggle }:
    ldapGroupMapId: string;
    ldapGroupCN: string;
  }) => {
-    try {
-      await deleteLDAPGroupMapping({
-        ldapConfigId,
-        ldapGroupMapId
-      });
+    await deleteLDAPGroupMapping({
+      ldapConfigId,
+      ldapGroupMapId
+    });

-      handlePopUpToggle("deleteLdapGroupMap", false);
+    handlePopUpToggle("deleteLdapGroupMap", false);

-      createNotification({
-        text: `Successfully deleted LDAP group mapping ${ldapGroupCN}`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to delete LDAP group mapping ${ldapGroupCN}`,
-        type: "error"
-      });
-    }
+    createNotification({
+      text: `Successfully deleted LDAP group mapping ${ldapGroupCN}`,
+      type: "success"
+    });
  };

  useEffect(() => {
--- a/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/LDAPModal.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/LDAPModal.tsx
@@ -62,31 +62,24 @@ export const LDAPModal = ({ popUp, handlePopUpClose, handlePopUpToggle, hideDele
    if (!currentOrg) {
      return;
    }
-    try {
-      await updateMutateAsync({
-        organizationId: currentOrg.id,
-        isActive: false,
-        url: "",
-        bindDN: "",
-        bindPass: "",
-        searchBase: "",
-        searchFilter: "",
-        uniqueUserAttribute: "",
-        groupSearchBase: "",
-        groupSearchFilter: "",
-        caCert: ""
-      });
+    await updateMutateAsync({
+      organizationId: currentOrg.id,
+      isActive: false,
+      url: "",
+      bindDN: "",
+      bindPass: "",
+      searchBase: "",
+      searchFilter: "",
+      uniqueUserAttribute: "",
+      groupSearchBase: "",
+      groupSearchFilter: "",
+      caCert: ""
+    });

-      createNotification({
-        text: "Successfully deleted OIDC configuration.",
-        type: "success"
-      });
-    } catch {
-      createNotification({
-        text: "Failed deleting OIDC configuration.",
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Successfully deleted OIDC configuration.",
+      type: "success"
+    });
  };

  const watchUrl = watch("url");
@@ -164,33 +157,17 @@ export const LDAPModal = ({ popUp, handlePopUpClose, handlePopUpToggle, hideDele
  };

  const handleTestLDAPConnection = async () => {
-    try {
-      const result = await testLDAPConnection({
-        url: watchUrl,
-        bindDN: watchBindDN,
-        bindPass: watchBindPass,
-        caCert: watchCaCert ?? ""
-      });
+    await testLDAPConnection({
+      url: watchUrl,
+      bindDN: watchBindDN,
+      bindPass: watchBindPass,
+      caCert: watchCaCert ?? ""
+    });

-      if (!result) {
-        createNotification({
-          text: "Failed to test the LDAP connection: Bind operation was unsuccessful",
-          type: "error"
-        });
-        return;
-      }
-
-      createNotification({
-        text: "Successfully tested the LDAP connection: Bind operation was successful",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to test the LDAP connection",
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Successfully tested the LDAP connection: Bind operation was successful",
+      type: "success"
+    });
  };

  return (
--- a/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/OrgGeneralAuthSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/OrgGeneralAuthSection.tsx
@@ -45,69 +45,61 @@ export const OrgGeneralAuthSection = ({
  const logout = useLogoutUser();

  const handleEnforceOrgAuthToggle = async (value: boolean, type: EnforceAuthType) => {
-    try {
-      if (!currentOrg?.id) return;
+    if (!currentOrg?.id) return;

-      if (type === EnforceAuthType.SAML) {
-        if (!subscription?.samlSSO) {
-          handlePopUpOpen("upgradePlan");
-          return;
-        }
-
-        await mutateAsync({
-          orgId: currentOrg?.id,
-          authEnforced: value
-        });
-      } else if (type === EnforceAuthType.GOOGLE) {
-        if (!subscription?.enforceGoogleSSO) {
-          handlePopUpOpen("upgradePlan");
-          return;
-        }
-
-        await mutateAsync({
-          orgId: currentOrg?.id,
-          googleSsoAuthEnforced: value
-        });
-      } else if (type === EnforceAuthType.OIDC) {
-        if (!subscription?.oidcSSO) {
-          handlePopUpOpen("upgradePlan");
-          return;
-        }
-
-        await mutateAsync({
-          orgId: currentOrg?.id,
-          authEnforced: value
-        });
-      } else {
-        createNotification({
-          text: `Invalid auth enforcement type ${type}`,
-          type: "error"
-        });
+    if (type === EnforceAuthType.SAML) {
+      if (!subscription?.samlSSO) {
+        handlePopUpOpen("upgradePlan");
+        return;
      }

-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} org-level auth`,
-        type: "success"
+      await mutateAsync({
+        orgId: currentOrg?.id,
+        authEnforced: value
      });
-
-      if (value) {
-        await logout.mutateAsync();
-
-        if (type === EnforceAuthType.SAML) {
-          window.open(`/api/v1/sso/redirect/saml2/organizations/${currentOrg.slug}`);
-        } else if (type === EnforceAuthType.GOOGLE) {
-          window.open(`/api/v1/sso/redirect/google?org_slug=${currentOrg.slug}`);
-        }
-
-        window.close();
+    } else if (type === EnforceAuthType.GOOGLE) {
+      if (!subscription?.enforceGoogleSSO) {
+        handlePopUpOpen("upgradePlan");
+        return;
      }
-    } catch (err) {
-      console.error(err);
+
+      await mutateAsync({
+        orgId: currentOrg?.id,
+        googleSsoAuthEnforced: value
+      });
+    } else if (type === EnforceAuthType.OIDC) {
+      if (!subscription?.oidcSSO) {
+        handlePopUpOpen("upgradePlan");
+        return;
+      }
+
+      await mutateAsync({
+        orgId: currentOrg?.id,
+        authEnforced: value
+      });
+    } else {
      createNotification({
-        text: (err as { response: { data: { message: string } } }).response.data.message,
+        text: `Invalid auth enforcement type ${type}`,
        type: "error"
      });
    }
+
+    createNotification({
+      text: `Successfully ${value ? "enabled" : "disabled"} org-level auth`,
+      type: "success"
+    });
+
+    if (value) {
+      await logout.mutateAsync();
+
+      if (type === EnforceAuthType.SAML) {
+        window.open(`/api/v1/sso/redirect/saml2/organizations/${currentOrg.slug}`);
+      } else if (type === EnforceAuthType.GOOGLE) {
+        window.open(`/api/v1/sso/redirect/google?org_slug=${currentOrg.slug}`);
+      }
+
+      window.close();
+    }
  };

  const handleEnableBypassOrgAuthToggle = async (value: boolean) => {
--- a/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/OrgLDAPSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/OrgLDAPSection.tsx
@@ -31,31 +31,23 @@ export const OrgLDAPSection = (): JSX.Element => {
  const { mutateAsync: createMutateAsync } = useCreateLDAPConfig();

  const handleLDAPToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
-      if (!subscription?.ldap) {
-        handlePopUpOpen("upgradePlan", {
-          isEnterpriseFeature: true
-        });
-        return;
-      }
-
-      await mutateAsync({
-        organizationId: currentOrg?.id,
-        isActive: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} LDAP`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${value ? "enable" : "disable"} LDAP`,
-        type: "error"
+    if (!currentOrg?.id) return;
+    if (!subscription?.ldap) {
+      handlePopUpOpen("upgradePlan", {
+        isEnterpriseFeature: true
      });
+      return;
    }
+
+    await mutateAsync({
+      organizationId: currentOrg?.id,
+      isActive: value
+    });
+
+    createNotification({
+      text: `Successfully ${value ? "enabled" : "disabled"} LDAP`,
+      type: "success"
+    });
  };

  const addLDAPBtnClick = async () => {
--- a/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/OrgOIDCSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/OrgOIDCSection.tsx
@@ -30,49 +30,41 @@ export const OrgOIDCSection = (): JSX.Element => {
  ] as const);

  const handleOIDCToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
+    if (!currentOrg?.id) return;

-      if (!subscription?.oidcSSO) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        organizationId: currentOrg?.id,
-        isActive: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} OIDC SSO`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
+    if (!subscription?.oidcSSO) {
+      handlePopUpOpen("upgradePlan");
+      return;
    }
+
+    await mutateAsync({
+      organizationId: currentOrg?.id,
+      isActive: value
+    });
+
+    createNotification({
+      text: `Successfully ${value ? "enabled" : "disabled"} OIDC SSO`,
+      type: "success"
+    });
  };

  const handleOIDCGroupManagement = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
+    if (!currentOrg?.id) return;

-      if (!subscription?.oidcSSO) {
-        handlePopUpOpen("upgradePlan");
-        return;
-      }
-
-      await mutateAsync({
-        organizationId: currentOrg?.id,
-        manageGroupMemberships: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} OIDC group membership mapping`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
+    if (!subscription?.oidcSSO) {
+      handlePopUpOpen("upgradePlan");
+      return;
    }
+
+    await mutateAsync({
+      organizationId: currentOrg?.id,
+      manageGroupMemberships: value
+    });
+
+    createNotification({
+      text: `Successfully ${value ? "enabled" : "disabled"} OIDC group membership mapping`,
+      type: "success"
+    });
  };

  const addOidcButtonClick = async () => {
--- a/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/OrgSSOSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgSsoTab/OrgSSOSection.tsx
@@ -34,63 +34,46 @@ export const OrgSSOSection = (): JSX.Element => {
  const { mutateAsync: createMutateAsync } = useCreateSSOConfig();

  const handleSamlSSOToggle = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
+    if (!currentOrg?.id) return;

-      if (!subscription?.samlSSO) {
-        handlePopUpOpen("upgradePlan", {
-          description: "You can use SAML SSO if you switch to Infisical's Pro plan."
-        });
-        return;
-      }
-
-      await mutateAsync({
-        organizationId: currentOrg?.id,
-        isActive: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} SAML SSO`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${value ? "enable" : "disable"} SAML SSO`,
-        type: "error"
+    if (!subscription?.samlSSO) {
+      handlePopUpOpen("upgradePlan", {
+        description: "You can use SAML SSO if you switch to Infisical's Pro plan."
      });
+      return;
    }
+
+    await mutateAsync({
+      organizationId: currentOrg?.id,
+      isActive: value
+    });
+
+    createNotification({
+      text: `Successfully ${value ? "enabled" : "disabled"} SAML SSO`,
+      type: "success"
+    });
  };

  const handleSamlGroupManagement = async (value: boolean) => {
-    try {
-      if (!currentOrg?.id) return;
+    if (!currentOrg?.id) return;

-      if (!subscription?.samlSSO || !subscription?.groups) {
-        handlePopUpOpen("upgradePlan", {
-          isEnterpriseFeature: true,
-          description:
-            "You can use SAML group mapping if you switch to Infisical's Enterprise plan."
-        });
-        return;
-      }
-
-      await mutateAsync({
-        organizationId: currentOrg?.id,
-        enableGroupSync: value
-      });
-
-      createNotification({
-        text: `Successfully ${value ? "enabled" : "disabled"} SAML group membership mapping`,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${value ? "enable" : "disable"} SAML group membership mapping`,
-        type: "error"
+    if (!subscription?.samlSSO || !subscription?.groups) {
+      handlePopUpOpen("upgradePlan", {
+        isEnterpriseFeature: true,
+        description: "You can use SAML group mapping if you switch to Infisical's Enterprise plan."
      });
+      return;
    }
+
+    await mutateAsync({
+      organizationId: currentOrg?.id,
+      enableGroupSync: value
+    });
+
+    createNotification({
+      text: `Successfully ${value ? "enabled" : "disabled"} SAML group membership mapping`,
+      type: "success"
+    });
  };

  const addSSOBtnClick = async () => {
--- a/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/DeleteProjectTemplateModal.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/DeleteProjectTemplateModal.tsx
@@ -16,25 +16,16 @@ export const DeleteProjectTemplateModal = ({ isOpen, onOpenChange, template }: P
  const { id: templateId, name } = template;

  const handleDeleteProjectTemplate = async () => {
-    try {
-      await deleteTemplate.mutateAsync({
-        templateId
-      });
+    await deleteTemplate.mutateAsync({
+      templateId
+    });

-      createNotification({
-        text: "Successfully removed project template",
-        type: "success"
-      });
+    createNotification({
+      text: "Successfully removed project template",
+      type: "success"
+    });

-      onOpenChange(false);
-    } catch (err) {
-      console.error(err);
-
-      createNotification({
-        text: "Failed remove project template",
-        type: "error"
-      });
-    }
+    onOpenChange(false);
  };

  return (
--- a/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/EditProjectTemplate.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/EditProjectTemplate.tsx
@@ -31,22 +31,14 @@ export const EditProjectTemplate = ({ isInfisicalTemplate, projectTemplate, onBa
  const deleteProjectTemplate = useDeleteProjectTemplate();

  const handleRemoveTemplate = async () => {
-    try {
-      await deleteProjectTemplate.mutateAsync({
-        templateId
-      });
-      createNotification({
-        text: "Successfully removed project template",
-        type: "success"
-      });
-      onBack();
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to remove project template",
-        type: "error"
-      });
-    }
+    await deleteProjectTemplate.mutateAsync({
+      templateId
+    });
+    createNotification({
+      text: "Successfully removed project template",
+      type: "success"
+    });
+    onBack();
    handlePopUpClose("removeTemplate");
  };

--- a/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEditRoleForm.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEditRoleForm.tsx
@@ -57,31 +57,23 @@ export const ProjectTemplateEditRoleForm = ({
  const updateProjectTemplate = useUpdateProjectTemplate();

  const onSubmit = async (form: TFormSchema) => {
-    try {
-      await updateProjectTemplate.mutateAsync({
-        templateId: projectTemplate.id,
-        roles: [
-          ...projectTemplate.roles.filter(
-            (r) => r.slug !== role?.slug && isCustomProjectRole(r.slug) // filter out default roles as well
-          ),
-          {
-            ...form,
-            permissions: formRolePermission2API(form.permissions)
-          }
-        ]
-      });
-      onGoBack();
-      createNotification({
-        text: "Template roles successfully updated",
-        type: "success"
-      });
-    } catch (e: any) {
-      console.error(e);
-      createNotification({
-        text: "Failed to update template roles",
-        type: "error"
-      });
-    }
+    await updateProjectTemplate.mutateAsync({
+      templateId: projectTemplate.id,
+      roles: [
+        ...projectTemplate.roles.filter(
+          (r) => r.slug !== role?.slug && isCustomProjectRole(r.slug) // filter out default roles as well
+        ),
+        {
+          ...form,
+          permissions: formRolePermission2API(form.permissions)
+        }
+      ]
+    });
+    onGoBack();
+    createNotification({
+      text: "Template roles successfully updated",
+      type: "success"
+    });
  };

  return (
--- a/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEnvironmentsForm.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateEnvironmentsForm.tsx
@@ -68,28 +68,20 @@ export const ProjectTemplateEnvironmentsForm = ({
  const updateProjectTemplate = useUpdateProjectTemplate();

  const onFormSubmit = async (form: TFormSchema) => {
-    try {
-      const { environments: updatedEnvs } = await updateProjectTemplate.mutateAsync({
-        environments: form.environments?.map((env, index) => ({
-          ...env,
-          position: index + 1
-        })),
-        templateId: projectTemplate.id
-      });
+    const { environments: updatedEnvs } = await updateProjectTemplate.mutateAsync({
+      environments: form.environments?.map((env, index) => ({
+        ...env,
+        position: index + 1
+      })),
+      templateId: projectTemplate.id
+    });

-      reset({ environments: updatedEnvs });
+    reset({ environments: updatedEnvs });

-      createNotification({
-        text: "Project template updated successfully",
-        type: "success"
-      });
-    } catch (e: any) {
-      console.error(e);
-      createNotification({
-        text: e.message ?? "Failed to update project template",
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Project template updated successfully",
+      type: "success"
+    });
  };

  const isEnvironmentLimitExceeded =
--- a/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateRolesSection.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/EditProjectTemplateSection/components/ProjectTemplateRolesSection.tsx
@@ -42,26 +42,18 @@ export const ProjectTemplateRolesSection = ({ projectTemplate, isInfisicalTempla
  const updateProjectTemplate = useUpdateProjectTemplate();

  const handleRemoveRole = async (slug: string) => {
-    try {
-      await updateProjectTemplate.mutateAsync({
-        templateId: projectTemplate.id,
-        roles: projectTemplate.roles.filter(
-          (role) => role.slug !== slug && isCustomProjectRole(role.slug) // filter out default roles as well
-        )
-      });
+    await updateProjectTemplate.mutateAsync({
+      templateId: projectTemplate.id,
+      roles: projectTemplate.roles.filter(
+        (role) => role.slug !== slug && isCustomProjectRole(role.slug) // filter out default roles as well
+      )
+    });

-      createNotification({
-        text: "Successfully removed role from template",
-        type: "success"
-      });
-      handlePopUpClose("removeRole");
-    } catch (e) {
-      console.error(e);
-      createNotification({
-        text: "Error removing role from template",
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Successfully removed role from template",
+      type: "success"
+    });
+    handlePopUpClose("removeRole");
  };

  const editRole = popUp?.editRole?.data as TProjectRole;
--- a/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/ProjectTemplateDetailsModal.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/ProjectTemplatesTab/components/ProjectTemplateDetailsModal.tsx
@@ -93,25 +93,15 @@ const ProjectTemplateForm = ({ onComplete, projectTemplate }: FormProps) => {
      ? updateProjectTemplate.mutateAsync({ templateId: projectTemplate.id, ...data })
      : createProjectTemplate.mutateAsync({ ...data });

-    try {
-      const template = await mutation;
-      createNotification({
-        text: `Successfully ${
-          projectTemplate ? "updated template details" : "created project template"
-        }`,
-        type: "success"
-      });
+    const template = await mutation;
+    createNotification({
+      text: `Successfully ${
+        projectTemplate ? "updated template details" : "created project template"
+      }`,
+      type: "success"
+    });

-      onComplete(template);
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: `Failed to ${
-          projectTemplate ? "update template details" : "create project template"
-        }`,
-        type: "error"
-      });
-    }
+    onComplete(template);
  };

  return (
--- a/frontend/src/pages/organization/UserDetailsByIDPage/components/UserOrgMembershipModal.tsx
+++ b/frontend/src/pages/organization/UserDetailsByIDPage/components/UserOrgMembershipModal.tsx
@@ -87,34 +87,23 @@ export const UserOrgMembershipModal = ({ popUp, handlePopUpOpen, handlePopUpTogg
  }, [popUp?.orgMembership?.data, roles]);

  const onFormSubmit = async ({ role, metadata }: FormData) => {
-    try {
-      if (!orgId) return;
+    if (!orgId) return;

-      await updateOrgMembership({
-        organizationId: orgId,
-        membershipId: popUpData.membershipId,
-        role: role.slug,
-        metadata
-      });
+    await updateOrgMembership({
+      organizationId: orgId,
+      membershipId: popUpData.membershipId,
+      role: role.slug,
+      metadata
+    });

-      handlePopUpToggle("orgMembership", false);
+    handlePopUpToggle("orgMembership", false);

-      createNotification({
-        text: "Successfully updated user organization role",
-        type: "success"
-      });
+    createNotification({
+      text: "Successfully updated user organization role",
+      type: "success"
+    });

-      reset();
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to update user organization role";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
+    reset();
  };

  return (
--- a/frontend/src/pages/organization/UserDetailsByIDPage/components/UserProjectsSection/UserAddToProjectModal.tsx
+++ b/frontend/src/pages/organization/UserDetailsByIDPage/components/UserProjectsSection/UserAddToProjectModal.tsx
@@ -67,30 +67,19 @@ const UserAddToProjectModalChild = ({ membershipId, popUp, handlePopUpToggle }:
  }, [workspaces, projectMemberships]);

  const onFormSubmit = async ({ projectId }: FormData) => {
-    try {
-      await addUserToWorkspaceNonE2EE({
-        projectId,
-        usernames: [popupData.username],
-        orgId
-      });
+    await addUserToWorkspaceNonE2EE({
+      projectId,
+      usernames: [popupData.username],
+      orgId
+    });

-      createNotification({
-        text: "Successfully added user to project",
-        type: "success"
-      });
+    createNotification({
+      text: "Successfully added user to project",
+      type: "success"
+    });

-      reset();
-      handlePopUpToggle("addUserToProject", false);
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to add identity to project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
+    reset();
+    handlePopUpToggle("addUserToProject", false);
  };

  return (
--- a/frontend/src/pages/organization/UserDetailsByIDPage/components/UserProjectsSection/UserGroupsSection.tsx
+++ b/frontend/src/pages/organization/UserDetailsByIDPage/components/UserProjectsSection/UserGroupsSection.tsx
@@ -20,25 +20,18 @@ export const UserGroupsSection = ({ orgMembership }: Props) => {
  const { mutateAsync: removeUserFromGroup } = useRemoveUserFromGroup();

  const handleRemoveUserFromGroup = useCallback(async (groupId: string, groupSlug: string) => {
-    try {
-      await removeUserFromGroup({
-        groupId,
-        slug: groupSlug,
-        username: orgMembership.user.username
-      });
+    await removeUserFromGroup({
+      groupId,
+      slug: groupSlug,
+      username: orgMembership.user.username
+    });

-      createNotification({
-        type: "success",
-        text: "User removed from group successfully"
-      });
+    createNotification({
+      type: "success",
+      text: "User removed from group successfully"
+    });

-      handlePopUpClose("removeUserFromGroup");
-    } catch {
-      createNotification({
-        type: "error",
-        text: "Failed to remove user from group"
-      });
-    }
+    handlePopUpClose("removeUserFromGroup");
  }, []);

  return (
--- a/frontend/src/pages/project/AccessControlPage/components/GroupsTab/components/GroupsSection/GroupModal.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/GroupsTab/components/GroupsSection/GroupModal.tsx
@@ -62,26 +62,19 @@ const Content = ({ popUp, handlePopUpToggle }: Props) => {
  });

  const onFormSubmit = async ({ group, role }: FormData) => {
-    try {
-      await addGroupToWorkspaceMutateAsync({
-        projectId: currentProject?.id || "",
-        groupId: group.id,
-        role: role.slug || undefined
-      });
+    await addGroupToWorkspaceMutateAsync({
+      projectId: currentProject?.id || "",
+      groupId: group.id,
+      role: role.slug || undefined
+    });

-      reset();
-      handlePopUpToggle("group", false);
+    reset();
+    handlePopUpToggle("group", false);

-      createNotification({
-        text: "Successfully added group to project",
-        type: "success"
-      });
-    } catch {
-      createNotification({
-        text: "Failed to add group to project",
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Successfully added group to project",
+      type: "success"
+    });
  };

  return filteredGroupMembershipOrgs.length ? (
--- a/frontend/src/pages/project/AccessControlPage/components/GroupsTab/components/GroupsSection/GroupsSection.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/GroupsTab/components/GroupsSection/GroupsSection.tsx
@@ -43,28 +43,17 @@ export const GroupsSection = () => {
  };

  const onRemoveGroupSubmit = async (groupId: string) => {
-    try {
-      await deleteMutateAsync({
-        groupId,
-        projectId: currentProject?.id || ""
-      });
+    await deleteMutateAsync({
+      groupId,
+      projectId: currentProject?.id || ""
+    });

-      createNotification({
-        text: "Successfully removed identity from project",
-        type: "success"
-      });
+    createNotification({
+      text: "Successfully removed identity from project",
+      type: "success"
+    });

-      handlePopUpClose("deleteGroup");
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to remove group from project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
+    handlePopUpClose("deleteGroup");
  };

  return (
--- a/frontend/src/pages/project/AccessControlPage/components/IdentityTab/IdentityTab.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/IdentityTab/IdentityTab.tsx
@@ -119,28 +119,17 @@ export const IdentityTab = withProjectPermission(
    ] as const);

    const onRemoveIdentitySubmit = async (identityId: string) => {
-      try {
-        await deleteMutateAsync({
-          identityId,
-          projectId
-        });
+      await deleteMutateAsync({
+        identityId,
+        projectId
+      });

-        createNotification({
-          text: "Successfully removed identity from project",
-          type: "success"
-        });
+      createNotification({
+        text: "Successfully removed identity from project",
+        type: "success"
+      });

-        handlePopUpClose("deleteIdentity");
-      } catch (err) {
-        console.error(err);
-        const error = err as any;
-        const text = error?.response?.data?.message ?? "Failed to remove identity from project";
-
-        createNotification({
-          text,
-          type: "error"
-        });
-      }
+      handlePopUpClose("deleteIdentity");
    };

    const handleSort = (column: ProjectIdentityOrderBy) => {
--- a/frontend/src/pages/project/AccessControlPage/components/IdentityTab/components/IdentityModal.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/IdentityTab/components/IdentityModal.tsx
@@ -104,40 +104,29 @@ const Content = ({ popUp, handlePopUpToggle }: Props) => {
  });

  const onFormSubmit = async ({ identity, role }: FormData) => {
-    try {
-      await addIdentityToWorkspaceMutateAsync({
-        projectId,
-        identityId: identity.id,
-        role: role.slug || undefined
-      });
+    await addIdentityToWorkspaceMutateAsync({
+      projectId,
+      identityId: identity.id,
+      role: role.slug || undefined
+    });

-      createNotification({
-        text: "Successfully added identity to project",
-        type: "success"
-      });
+    createNotification({
+      text: "Successfully added identity to project",
+      type: "success"
+    });

-      const nextAvailableMembership = filteredIdentityMembershipOrgs.filter(
-        (membership) => membership.identity.id !== identity.id
-      )[0];
+    const nextAvailableMembership = filteredIdentityMembershipOrgs.filter(
+      (membership) => membership.identity.id !== identity.id
+    )[0];

-      // prevents combobox from displaying previously added identity
-      reset({
-        identity: {
-          name: nextAvailableMembership?.identity.name,
-          id: nextAvailableMembership?.identity.id
-        }
-      });
-      handlePopUpToggle("identity", false);
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to add identity to project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
+    // prevents combobox from displaying previously added identity
+    reset({
+      identity: {
+        name: nextAvailableMembership?.identity.name,
+        id: nextAvailableMembership?.identity.id
+      }
+    });
+    handlePopUpToggle("identity", false);
  };

  if (isMembershipsLoading || isRolesLoading)
--- a/frontend/src/pages/project/AccessControlPage/components/MembersTab/components/AddMemberModal.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/MembersTab/components/AddMemberModal.tsx
@@ -110,65 +110,56 @@ export const AddMemberModal = ({ popUp, handlePopUpToggle }: Props) => {

    if (!selectedMembers) return;

-    try {
-      if (currentProject.version === ProjectVersion.V1) {
+    if (currentProject.version === ProjectVersion.V1) {
+      createNotification({
+        type: "error",
+        text: "Please upgrade your project to invite new members to the project."
+      });
+    } else {
+      const inviteeEmails = selectedMembers
+        .map((member) => {
+          if (!member) return null;
+
+          if (member.user.username) {
+            return member.user.username;
+          }
+
+          if (member.user.email) {
+            return member.user.email;
+          }
+
+          return null;
+        })
+        .filter(Boolean) as string[];
+
+      if (inviteeEmails.length !== selectedMembers.length) {
        createNotification({
-          type: "error",
-          text: "Please upgrade your project to invite new members to the project."
+          text: "Failed to add users to project. One or more users were invalid.",
+          type: "error"
+        });
+        return;
+      }
+
+      if (newInvitees.length) {
+        await addMemberToOrg({
+          inviteeEmails: newInvitees,
+          organizationId: orgId,
+          organizationRoleSlug: ProjectMembershipRole.Member // only applies to new invites
+        });
+      }
+      if (newInvitees.length || inviteeEmails.length) {
+        await addUserToProject({
+          usernames: [...inviteeEmails, ...newInvitees],
+          orgId,
+          projectId: currentProject.id,
+          roleSlugs: projectRoleSlugs.map((role) => role.slug)
        });
-      } else {
-        const inviteeEmails = selectedMembers
-          .map((member) => {
-            if (!member) return null;
-
-            if (member.user.username) {
-              return member.user.username;
-            }
-
-            if (member.user.email) {
-              return member.user.email;
-            }
-
-            return null;
-          })
-          .filter(Boolean) as string[];
-
-        if (inviteeEmails.length !== selectedMembers.length) {
-          createNotification({
-            text: "Failed to add users to project. One or more users were invalid.",
-            type: "error"
-          });
-          return;
-        }
-
-        if (newInvitees.length) {
-          await addMemberToOrg({
-            inviteeEmails: newInvitees,
-            organizationId: orgId,
-            organizationRoleSlug: ProjectMembershipRole.Member // only applies to new invites
-          });
-        }
-        if (newInvitees.length || inviteeEmails.length) {
-          await addUserToProject({
-            usernames: [...inviteeEmails, ...newInvitees],
-            orgId,
-            projectId: currentProject.id,
-            roleSlugs: projectRoleSlugs.map((role) => role.slug)
-          });
-        }
      }
-      createNotification({
-        text: "Successfully added user to the project",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to add user to project",
-        type: "error"
-      });
-      return;
    }
+    createNotification({
+      text: "Successfully added user to the project",
+      type: "success"
+    });
    handlePopUpToggle("addMember", false);
    reset();
  };
--- a/frontend/src/pages/project/AccessControlPage/components/MembersTab/components/MemberRoleForm/SpecificPrivilegeSection.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/MembersTab/components/MemberRoleForm/SpecificPrivilegeSection.tsx
@@ -182,21 +182,14 @@ export const SpecificPrivilegeSecretForm = ({
    }

    if (deleteUserPrivilege.isPending) return;
-    try {
-      await deleteUserPrivilege.mutateAsync({
-        privilegeId: privilege.id,
-        projectMembershipId: privilege.projectMembershipId
-      });
-      createNotification({
-        type: "success",
-        text: "Successfully deleted privilege"
-      });
-    } catch {
-      createNotification({
-        type: "error",
-        text: "Failed to delete privilege"
-      });
-    }
+    await deleteUserPrivilege.mutateAsync({
+      privilegeId: privilege.id,
+      projectMembershipId: privilege.projectMembershipId
+    });
+    createNotification({
+      type: "success",
+      text: "Successfully deleted privilege"
+    });
  };

  // This is used for requesting access additional privileges, not directly creating a privilege!
--- a/frontend/src/pages/project/AccessControlPage/components/MembersTab/components/MembersSection.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/MembersTab/components/MembersSection.tsx
@@ -35,23 +35,15 @@ export const MembersSection = () => {
    if (!currentOrg?.id) return;
    if (!currentProject?.id) return;

-    try {
-      await removeUserFromWorkspace({
-        projectId: currentProject.id,
-        usernames: [username],
-        orgId: currentOrg.id
-      });
-      createNotification({
-        text: "Successfully removed user from project",
-        type: "success"
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to remove user from the project",
-        type: "error"
-      });
-    }
+    await removeUserFromWorkspace({
+      projectId: currentProject.id,
+      usernames: [username],
+      orgId: currentOrg.id
+    });
+    createNotification({
+      text: "Successfully removed user from project",
+      type: "success"
+    });
    handlePopUpClose("removeMember");
  };

--- a/frontend/src/pages/project/AccessControlPage/components/ServiceTokenTab/components/ServiceTokenSection/AddServiceTokenModal.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/ServiceTokenTab/components/ServiceTokenSection/AddServiceTokenModal.tsx
@@ -6,7 +6,6 @@ import { useTranslation } from "react-i18next";
 import { faCheck, faCopy, faPlus, faTrashCan } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { AxiosError } from "axios";
 import { z } from "zod";

 import { createNotification } from "@app/components/notifications";
@@ -110,45 +109,29 @@ const ServiceTokenForm = () => {
  };

  const onFormSubmit = async ({ name, scopes, expiresIn, permissions }: FormData) => {
-    try {
-      if (!currentProject?.id) return;
+    if (!currentProject?.id) return;

-      const randomBytes = crypto.randomBytes(16).toString("hex");
+    const randomBytes = crypto.randomBytes(16).toString("hex");

-      const { serviceToken } = await createServiceToken.mutateAsync({
-        encryptedKey: "",
-        iv: "",
-        tag: "",
-        scopes,
-        expiresIn: Number(expiresIn),
-        name,
-        workspaceId: currentProject.id,
-        randomBytes,
-        permissions: Object.entries(permissions)
-          .filter(([, permissionsValue]) => permissionsValue)
-          .map(([permissionsKey]) => permissionsKey)
-      });
+    const { serviceToken } = await createServiceToken.mutateAsync({
+      encryptedKey: "",
+      iv: "",
+      tag: "",
+      scopes,
+      expiresIn: Number(expiresIn),
+      name,
+      workspaceId: currentProject.id,
+      randomBytes,
+      permissions: Object.entries(permissions)
+        .filter(([, permissionsValue]) => permissionsValue)
+        .map(([permissionsKey]) => permissionsKey)
+    });

-      setToken(serviceToken);
-      createNotification({
-        text: "Successfully created a service token",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      const axiosError = err as AxiosError;
-      if (axiosError?.response?.status === 401) {
-        createNotification({
-          text: "You do not have access to the selected environment/path",
-          type: "error"
-        });
-      } else {
-        createNotification({
-          text: "Failed to create a service token",
-          type: "error"
-        });
-      }
-    }
+    setToken(serviceToken);
+    createNotification({
+      text: "Successfully created a service token",
+      type: "success"
+    });
  };

  return !hasServiceToken ? (
--- a/frontend/src/pages/project/AccessControlPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenSection.tsx
+++ b/frontend/src/pages/project/AccessControlPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenSection.tsx
@@ -28,23 +28,15 @@ export const ServiceTokenSection = withProjectPermission(
    ] as const);

    const onDeleteApproved = async () => {
-      try {
-        deleteServiceToken.mutateAsync(
-          (popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.id
-        );
-        createNotification({
-          text: "Successfully deleted service token",
-          type: "success"
-        });
+      await deleteServiceToken.mutateAsync(
+        (popUp?.deleteAPITokenConfirmation?.data as DeleteModalData)?.id
+      );
+      createNotification({
+        text: "Successfully deleted service token",
+        type: "success"
+      });

-        handlePopUpClose("deleteAPITokenConfirmation");
-      } catch (err) {
-        console.error(err);
-        createNotification({
-          text: "Failed to delete service token",
-          type: "error"
-        });
-      }
+      handlePopUpClose("deleteAPITokenConfirmation");
    };

    return (
--- a/frontend/src/pages/project/GroupDetailsByIDPage/components/GroupDetailsSection.tsx
+++ b/frontend/src/pages/project/GroupDetailsByIDPage/components/GroupDetailsSection.tsx
@@ -35,38 +35,27 @@ export const GroupDetailsSection = ({ groupMembership }: Props) => {
  const navigate = useNavigate();

  const onRemoveGroupSubmit = async () => {
-    try {
-      await deleteMutateAsync({
-        groupId: groupMembership.group.id,
+    await deleteMutateAsync({
+      groupId: groupMembership.group.id,
+      projectId: currentProject.id
+    });
+
+    createNotification({
+      text: "Successfully removed group from project",
+      type: "success"
+    });
+
+    navigate({
+      to: `${getProjectBaseURL(currentProject.type)}/access-management`,
+      params: {
        projectId: currentProject.id
-      });
+      },
+      search: {
+        selectedTab: "groups"
+      }
+    });

-      createNotification({
-        text: "Successfully removed group from project",
-        type: "success"
-      });
-
-      navigate({
-        to: `${getProjectBaseURL(currentProject.type)}/access-management`,
-        params: {
-          projectId: currentProject.id
-        },
-        search: {
-          selectedTab: "groups"
-        }
-      });
-
-      handlePopUpClose("deleteGroup");
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to remove group from project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
+    handlePopUpClose("deleteGroup");
  };

  return (
--- a/frontend/src/pages/project/IdentityDetailsByIDPage/IdentityDetailsByIDPage.tsx
+++ b/frontend/src/pages/project/IdentityDetailsByIDPage/IdentityDetailsByIDPage.tsx
@@ -76,35 +76,24 @@ const Page = () => {
  };

  const onRemoveIdentitySubmit = async () => {
-    try {
-      await deleteMutateAsync({
-        identityId,
+    await deleteMutateAsync({
+      identityId,
+      projectId
+    });
+    createNotification({
+      text: "Successfully removed identity from project",
+      type: "success"
+    });
+    handlePopUpClose("deleteIdentity");
+    navigate({
+      to: `${getProjectBaseURL(currentProject.type)}/access-management` as const,
+      params: {
        projectId
-      });
-      createNotification({
-        text: "Successfully removed identity from project",
-        type: "success"
-      });
-      handlePopUpClose("deleteIdentity");
-      navigate({
-        to: `${getProjectBaseURL(currentProject.type)}/access-management` as const,
-        params: {
-          projectId
-        },
-        search: {
-          selectedTab: "identities"
-        }
-      });
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to remove identity from project";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
+      },
+      search: {
+        selectedTab: "identities"
+      }
+    });
  };

  if (isMembershipDetailsLoading) {
--- a/frontend/src/pages/project/MemberDetailsByIDPage/MemberDetailsByIDPage.tsx
+++ b/frontend/src/pages/project/MemberDetailsByIDPage/MemberDetailsByIDPage.tsx
@@ -83,29 +83,21 @@ export const Page = () => {
  const handleRemoveUser = async () => {
    if (!currentOrg?.id || !currentProject?.id || !membershipDetails?.user?.username) return;

-    try {
-      await removeUserFromWorkspace({
-        projectId,
-        usernames: [membershipDetails?.user?.username],
-        orgId: currentOrg.id
-      });
-      createNotification({
-        text: "Successfully removed user from project",
-        type: "success"
-      });
-      navigate({
-        to: `${getProjectBaseURL(currentProject.type)}/access-management` as const,
-        params: {
-          projectId: currentProject.id
-        }
-      });
-    } catch (error) {
-      console.error(error);
-      createNotification({
-        text: "Failed to remove user from the project",
-        type: "error"
-      });
-    }
+    await removeUserFromWorkspace({
+      projectId,
+      usernames: [membershipDetails?.user?.username],
+      orgId: currentOrg.id
+    });
+    createNotification({
+      text: "Successfully removed user from project",
+      type: "success"
+    });
+    navigate({
+      to: `${getProjectBaseURL(currentProject.type)}/access-management` as const,
+      params: {
+        projectId: currentProject.id
+      }
+    });
    handlePopUpClose("removeMember");
  };

--- a/frontend/src/pages/project/RoleDetailsBySlugPage/RoleDetailsBySlugPage.tsx
+++ b/frontend/src/pages/project/RoleDetailsBySlugPage/RoleDetailsBySlugPage.tsx
@@ -53,38 +53,27 @@ const Page = () => {
  ] as const);

  const onDeleteRoleSubmit = async () => {
-    try {
-      if (!currentProject?.slug || !data?.id) return;
+    if (!currentProject?.slug || !data?.id) return;

-      await deleteProjectRole({
-        projectId,
-        id: data.id
-      });
+    await deleteProjectRole({
+      projectId,
+      id: data.id
+    });

-      createNotification({
-        text: "Successfully deleted project role",
-        type: "success"
-      });
-      handlePopUpClose("deleteRole");
-      navigate({
-        to: `${getProjectBaseURL(currentProject.type)}/access-management` as const,
-        params: {
-          projectId
-        },
-        search: {
-          selectedTab: ProjectAccessControlTabs.Roles
-        }
-      });
-    } catch (err) {
-      console.error(err);
-      const error = err as any;
-      const text = error?.response?.data?.message ?? "Failed to delete project role";
-
-      createNotification({
-        text,
-        type: "error"
-      });
-    }
+    createNotification({
+      text: "Successfully deleted project role",
+      type: "success"
+    });
+    handlePopUpClose("deleteRole");
+    navigate({
+      to: `${getProjectBaseURL(currentProject.type)}/access-management` as const,
+      params: {
+        projectId
+      },
+      search: {
+        selectedTab: ProjectAccessControlTabs.Roles
+      }
+    });
  };

  const isCustomRole = !Object.values(ProjectMembershipRole).includes(
--- a/frontend/src/pages/project/RoleDetailsBySlugPage/components/RoleModal.tsx
+++ b/frontend/src/pages/project/RoleDetailsBySlugPage/components/RoleModal.tsx
@@ -76,63 +76,54 @@ export const RoleModal = ({ popUp, handlePopUpToggle }: Props) => {
  }, [role]);

  const onFormSubmit = async ({ name, description, slug }: FormData) => {
-    try {
-      if (!projectId) return;
+    if (!projectId) return;

-      if (role) {
-        // update
-        await updateProjectRole({
-          id: role.id,
-          projectId,
-          name,
-          description,
-          slug
-        });
-
-        handlePopUpToggle("role", false);
-        if (slug) {
-          navigate({
-            to: `${getProjectBaseURL(currentProject.type)}/roles/$roleSlug` as const,
-            params: {
-              roleSlug: slug,
-              projectId
-            }
-          });
-        }
-      } else {
-        // create
-        const newRole = await createProjectRole({
-          projectId,
-          name,
-          description,
-          slug,
-          permissions: []
-        });
+    if (role) {
+      // update
+      await updateProjectRole({
+        id: role.id,
+        projectId,
+        name,
+        description,
+        slug
+      });

+      handlePopUpToggle("role", false);
+      if (slug) {
        navigate({
          to: `${getProjectBaseURL(currentProject.type)}/roles/$roleSlug` as const,
          params: {
-            roleSlug: newRole.slug,
+            roleSlug: slug,
            projectId
          }
        });
-        handlePopUpToggle("role", false);
      }
-
-      createNotification({
-        text: `Successfully ${popUp?.role?.data ? "updated" : "created"} role`,
-        type: "success"
+    } else {
+      // create
+      const newRole = await createProjectRole({
+        projectId,
+        name,
+        description,
+        slug,
+        permissions: []
      });

-      reset();
-    } catch {
-      const text = `Failed to ${popUp?.role?.data ? "update" : "create"} role`;
-
-      createNotification({
-        text,
-        type: "error"
+      navigate({
+        to: `${getProjectBaseURL(currentProject.type)}/roles/$roleSlug` as const,
+        params: {
+          roleSlug: newRole.slug,
+          projectId
+        }
      });
+      handlePopUpToggle("role", false);
    }
+
+    createNotification({
+      text: `Successfully ${popUp?.role?.data ? "updated" : "created"} role`,
+      type: "success"
+    });
+
+    reset();
  };

  return (
--- a/frontend/src/pages/project/SettingsPage/components/DeleteProjectProtection/DeleteProjectProtection.tsx
+++ b/frontend/src/pages/project/SettingsPage/components/DeleteProjectProtection/DeleteProjectProtection.tsx
@@ -10,24 +10,16 @@ export const DeleteProjectProtection = () => {
  const { mutateAsync } = useUpdateProject();

  const handleToggleDeleteProjectProtection = async (state: boolean) => {
-    try {
-      await mutateAsync({
-        projectId,
-        hasDeleteProtection: state
-      });
+    await mutateAsync({
+      projectId,
+      hasDeleteProtection: state
+    });

-      const text = `Successfully ${state ? "enabled" : "disabled"} delete protection`;
-      createNotification({
-        text,
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to update delete protection",
-        type: "error"
-      });
-    }
+    const text = `Successfully ${state ? "enabled" : "disabled"} delete protection`;
+    createNotification({
+      text,
+      type: "success"
+    });
  };

  return (
--- a/frontend/src/pages/project/SettingsPage/components/DeleteProjectSection/DeleteProjectSection.tsx
+++ b/frontend/src/pages/project/SettingsPage/components/DeleteProjectSection/DeleteProjectSection.tsx
@@ -68,12 +68,6 @@ export const DeleteProjectSection = () => {
        to: "/organization/projects"
      });
      handlePopUpClose("deleteWorkspace");
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete project",
-        type: "error"
-      });
    } finally {
      setIsDeleting.off();
    }
@@ -118,12 +112,6 @@ export const DeleteProjectSection = () => {
      navigate({
        to: "/organization/projects"
      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to leave project",
-        type: "error"
-      });
    } finally {
      setIsLeaving.off();
    }