mirror of
https://github.com/awatertrevi/infisical.git
synced 2026-10-06 18:27:19 +00:00
refactor: streamline async logic and notification handling across various settings and integration components
This commit is contained in:
-7
@@ -39,7 +39,6 @@ export const AuditLogsRetentionSection = () => {
|
|||||||
if (!currentProject) return null;
|
if (!currentProject) return null;
|
||||||
|
|
||||||
const handleAuditLogsRetentionSubmit = async ({ auditLogsRetentionDays }: TForm) => {
|
const handleAuditLogsRetentionSubmit = async ({ auditLogsRetentionDays }: TForm) => {
|
||||||
try {
|
|
||||||
if (!subscription?.auditLogs) {
|
if (!subscription?.auditLogs) {
|
||||||
handlePopUpOpen("upgradePlan", {
|
handlePopUpOpen("upgradePlan", {
|
||||||
description:
|
description:
|
||||||
@@ -67,12 +66,6 @@ export const AuditLogsRetentionSection = () => {
|
|||||||
text: "Successfully updated audit logs retention period",
|
text: "Successfully updated audit logs retention period",
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch {
|
|
||||||
createNotification({
|
|
||||||
text: "Failed updating audit logs retention period",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// render only for dedicated/self-hosted instances of Infisical
|
// render only for dedicated/self-hosted instances of Infisical
|
||||||
|
|||||||
@@ -2,7 +2,6 @@ import { faHome } from "@fortawesome/free-solid-svg-icons";
|
|||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
import { Link, useNavigate, useParams } from "@tanstack/react-router";
|
import { Link, useNavigate, useParams } from "@tanstack/react-router";
|
||||||
|
|
||||||
import { createNotification } from "@app/components/notifications";
|
|
||||||
import { OrgPermissionCan } from "@app/components/permissions";
|
import { OrgPermissionCan } from "@app/components/permissions";
|
||||||
import { RequestProjectAccessModal } from "@app/components/projects";
|
import { RequestProjectAccessModal } from "@app/components/projects";
|
||||||
import { AccessRestrictedBanner, Button } from "@app/components/v2";
|
import { AccessRestrictedBanner, Button } from "@app/components/v2";
|
||||||
@@ -35,19 +34,12 @@ export const ProjectAccessError = () => {
|
|||||||
|
|
||||||
const handleAccessProject = async () => {
|
const handleAccessProject = async () => {
|
||||||
if (!project) return;
|
if (!project) return;
|
||||||
try {
|
|
||||||
await orgAdminAccessProject.mutateAsync({
|
await orgAdminAccessProject.mutateAsync({
|
||||||
projectId: project.id
|
projectId: project.id
|
||||||
});
|
});
|
||||||
await navigate({
|
await navigate({
|
||||||
to: "."
|
to: "."
|
||||||
});
|
});
|
||||||
} catch {
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to access project",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -131,7 +131,6 @@ export const ShareSecretForm = ({
|
|||||||
emails,
|
emails,
|
||||||
shouldLimitView
|
shouldLimitView
|
||||||
}: FormData) => {
|
}: FormData) => {
|
||||||
try {
|
|
||||||
const expiresAt = new Date(new Date().getTime() + Number(expiresIn));
|
const expiresAt = new Date(new Date().getTime() + Number(expiresIn));
|
||||||
|
|
||||||
const processedEmails = emails ? emails.split(",").map((e) => e.trim()) : undefined;
|
const processedEmails = emails ? emails.split(",").map((e) => e.trim()) : undefined;
|
||||||
@@ -170,13 +169,6 @@ export const ShareSecretForm = ({
|
|||||||
}
|
}
|
||||||
|
|
||||||
reset();
|
reset();
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to create a shared secret.",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
if (secretLink === null)
|
if (secretLink === null)
|
||||||
|
|||||||
-7
@@ -140,7 +140,6 @@ export const RollbackPreviewTab = (): JSX.Element => {
|
|||||||
);
|
);
|
||||||
|
|
||||||
const handleRollback = async (): Promise<void> => {
|
const handleRollback = async (): Promise<void> => {
|
||||||
try {
|
|
||||||
await rollback(message);
|
await rollback(message);
|
||||||
|
|
||||||
createNotification({
|
createNotification({
|
||||||
@@ -150,12 +149,6 @@ export const RollbackPreviewTab = (): JSX.Element => {
|
|||||||
|
|
||||||
handlePopUpClose("rollbackConfirm");
|
handlePopUpClose("rollbackConfirm");
|
||||||
goBackToHistory();
|
goBackToHistory();
|
||||||
} catch (error) {
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: error instanceof Error ? error.message : "Failed to rollback changes"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const folderChanges: FolderChanges[] = rollbackChangesNested || [];
|
const folderChanges: FolderChanges[] = rollbackChangesNested || [];
|
||||||
|
|||||||
-8
@@ -53,7 +53,6 @@ export const IntegrationDetailsByIDPage = () => {
|
|||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
||||||
const handleIntegrationDelete = async (shouldDeleteIntegrationSecrets: boolean) => {
|
const handleIntegrationDelete = async (shouldDeleteIntegrationSecrets: boolean) => {
|
||||||
try {
|
|
||||||
await deleteIntegration({
|
await deleteIntegration({
|
||||||
id: integrationId,
|
id: integrationId,
|
||||||
workspaceId: currentProject.id,
|
workspaceId: currentProject.id,
|
||||||
@@ -68,13 +67,6 @@ export const IntegrationDetailsByIDPage = () => {
|
|||||||
await navigate({
|
await navigate({
|
||||||
to: `/${ProjectType.SecretManager}/${projectId}/integrations`
|
to: `/${ProjectType.SecretManager}/${projectId}/integrations`
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.log(err);
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to delete integration"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
|
const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
|
||||||
|
|||||||
@@ -488,7 +488,6 @@ export const OverviewPage = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleSecretCreate = async (env: string, key: string, value: string) => {
|
const handleSecretCreate = async (env: string, key: string, value: string) => {
|
||||||
try {
|
|
||||||
// create folder if not existing
|
// create folder if not existing
|
||||||
if (secretPath !== "/") {
|
if (secretPath !== "/") {
|
||||||
// /hello/world -> [hello","world"]
|
// /hello/world -> [hello","world"]
|
||||||
@@ -532,13 +531,6 @@ export const OverviewPage = () => {
|
|||||||
text: "Successfully created secret"
|
text: "Successfully created secret"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to create secret"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleEnvSelect = (envId: string) => {
|
const handleEnvSelect = (envId: string) => {
|
||||||
@@ -565,7 +557,6 @@ export const OverviewPage = () => {
|
|||||||
secretValue = undefined;
|
secretValue = undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
|
||||||
const result = await updateSecretV3({
|
const result = await updateSecretV3({
|
||||||
environment: env,
|
environment: env,
|
||||||
projectId,
|
projectId,
|
||||||
@@ -586,17 +577,9 @@ export const OverviewPage = () => {
|
|||||||
text: "Successfully updated secret"
|
text: "Successfully updated secret"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to update secret"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleSecretDelete = async (env: string, key: string, secretId?: string) => {
|
const handleSecretDelete = async (env: string, key: string, secretId?: string) => {
|
||||||
try {
|
|
||||||
const result = await deleteSecretV3({
|
const result = await deleteSecretV3({
|
||||||
environment: env,
|
environment: env,
|
||||||
projectId,
|
projectId,
|
||||||
@@ -617,13 +600,6 @@ export const OverviewPage = () => {
|
|||||||
text: "Successfully deleted secret"
|
text: "Successfully deleted secret"
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to delete secret"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleResetSearch = (path: string) => {
|
const handleResetSearch = (path: string) => {
|
||||||
|
|||||||
-7
@@ -193,19 +193,12 @@ export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
|
|||||||
const slugSchema = z.string().trim().toLowerCase().min(1);
|
const slugSchema = z.string().trim().toLowerCase().min(1);
|
||||||
const createNewTag = async (slug: string) => {
|
const createNewTag = async (slug: string) => {
|
||||||
// TODO: Replace with slugSchema generic
|
// TODO: Replace with slugSchema generic
|
||||||
try {
|
|
||||||
const parsedSlug = slugSchema.parse(slug);
|
const parsedSlug = slugSchema.parse(slug);
|
||||||
await createWsTag.mutateAsync({
|
await createWsTag.mutateAsync({
|
||||||
projectId,
|
projectId,
|
||||||
tagSlug: parsedSlug,
|
tagSlug: parsedSlug,
|
||||||
tagColor: ""
|
tagColor: ""
|
||||||
});
|
});
|
||||||
} catch {
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to create new tag"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-15
@@ -77,23 +77,15 @@ export const CreateSecretForm = ({
|
|||||||
const slugSchema = z.string().trim().toLowerCase().min(1);
|
const slugSchema = z.string().trim().toLowerCase().min(1);
|
||||||
const createNewTag = async (slug: string) => {
|
const createNewTag = async (slug: string) => {
|
||||||
// TODO: Replace with slugSchema generic
|
// TODO: Replace with slugSchema generic
|
||||||
try {
|
|
||||||
const parsedSlug = slugSchema.parse(slug);
|
const parsedSlug = slugSchema.parse(slug);
|
||||||
await createWsTag.mutateAsync({
|
await createWsTag.mutateAsync({
|
||||||
projectId,
|
projectId,
|
||||||
tagSlug: parsedSlug,
|
tagSlug: parsedSlug,
|
||||||
tagColor: ""
|
tagColor: ""
|
||||||
});
|
});
|
||||||
} catch {
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to create new tag"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleFormSubmit = async ({ key, value, tags }: TFormSchema) => {
|
const handleFormSubmit = async ({ key, value, tags }: TFormSchema) => {
|
||||||
try {
|
|
||||||
if (isBatchMode) {
|
if (isBatchMode) {
|
||||||
const pendingSecretCreate: PendingSecretCreate = {
|
const pendingSecretCreate: PendingSecretCreate = {
|
||||||
id: key,
|
id: key,
|
||||||
@@ -134,13 +126,6 @@ export const CreateSecretForm = ({
|
|||||||
? "Requested changes have been sent for review"
|
? "Requested changes have been sent for review"
|
||||||
: "Successfully created secret"
|
: "Successfully created secret"
|
||||||
});
|
});
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to create secret"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {
|
const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {
|
||||||
|
|||||||
-16
@@ -293,7 +293,6 @@ export const SecretListView = ({
|
|||||||
isSameTags &&
|
isSameTags &&
|
||||||
isSameRecipients;
|
isSameRecipients;
|
||||||
|
|
||||||
try {
|
|
||||||
// personal secret change
|
// personal secret change
|
||||||
let personalAction = false;
|
let personalAction = false;
|
||||||
if (overrideAction === "deleted") {
|
if (overrideAction === "deleted") {
|
||||||
@@ -454,13 +453,6 @@ export const SecretListView = ({
|
|||||||
? "Requested changes have been sent for review"
|
? "Requested changes have been sent for review"
|
||||||
: successMessage
|
: successMessage
|
||||||
});
|
});
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to save secret"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
[environment, secretPath, isProtectedBranch, isBatchMode, projectId, addPendingChange]
|
[environment, secretPath, isProtectedBranch, isBatchMode, projectId, addPendingChange]
|
||||||
);
|
);
|
||||||
@@ -488,7 +480,6 @@ export const SecretListView = ({
|
|||||||
value,
|
value,
|
||||||
secretValueHidden
|
secretValueHidden
|
||||||
} = popUp.deleteSecret?.data as SecretV3RawSanitized;
|
} = popUp.deleteSecret?.data as SecretV3RawSanitized;
|
||||||
try {
|
|
||||||
if (isBatchMode) {
|
if (isBatchMode) {
|
||||||
const deleteChange: PendingSecretDelete = {
|
const deleteChange: PendingSecretDelete = {
|
||||||
id: `${secretId}`,
|
id: `${secretId}`,
|
||||||
@@ -550,13 +541,6 @@ export const SecretListView = ({
|
|||||||
? "Requested changes have been sent for review"
|
? "Requested changes have been sent for review"
|
||||||
: "Successfully deleted secret"
|
: "Successfully deleted secret"
|
||||||
});
|
});
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to delete secret"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, [
|
}, [
|
||||||
(popUp.deleteSecret?.data as SecretV3RawSanitized)?.key,
|
(popUp.deleteSecret?.data as SecretV3RawSanitized)?.key,
|
||||||
environment,
|
environment,
|
||||||
|
|||||||
-8
@@ -13,7 +13,6 @@ export const AutoCapitalizationSection = () => {
|
|||||||
const { mutateAsync } = useUpdateProject();
|
const { mutateAsync } = useUpdateProject();
|
||||||
|
|
||||||
const handleToggleCapitalizationToggle = async (state: boolean) => {
|
const handleToggleCapitalizationToggle = async (state: boolean) => {
|
||||||
try {
|
|
||||||
if (!currentProject?.id) return;
|
if (!currentProject?.id) return;
|
||||||
|
|
||||||
await mutateAsync({
|
await mutateAsync({
|
||||||
@@ -26,13 +25,6 @@ export const AutoCapitalizationSection = () => {
|
|||||||
text,
|
text,
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to update auto capitalization",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-8
@@ -124,7 +124,6 @@ const LoadBackupModal = ({
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
|
||||||
await loadKmsBackup(backupContent);
|
await loadKmsBackup(backupContent);
|
||||||
createNotification({
|
createNotification({
|
||||||
text: "Successfully loaded KMS backup",
|
text: "Successfully loaded KMS backup",
|
||||||
@@ -132,9 +131,6 @@ const LoadBackupModal = ({
|
|||||||
});
|
});
|
||||||
|
|
||||||
onOpenChange(false);
|
onOpenChange(false);
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const parseFile = (file?: File) => {
|
const parseFile = (file?: File) => {
|
||||||
@@ -245,7 +241,6 @@ export const EncryptionTab = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const onUpdateProjectKms = async (data: TForm) => {
|
const onUpdateProjectKms = async (data: TForm) => {
|
||||||
try {
|
|
||||||
await updateProjectKms(
|
await updateProjectKms(
|
||||||
data.kmsKeyId === INTERNAL_KMS_KEY_ID
|
data.kmsKeyId === INTERNAL_KMS_KEY_ID
|
||||||
? { type: KmsType.Internal }
|
? { type: KmsType.Internal }
|
||||||
@@ -256,9 +251,6 @@ export const EncryptionTab = () => {
|
|||||||
text: "Successfully updated project KMS",
|
text: "Successfully updated project KMS",
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-8
@@ -36,7 +36,6 @@ const Content = ({ onComplete }: ContentProps) => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const onFormSubmit = async ({ environmentName, environmentSlug }: FormData) => {
|
const onFormSubmit = async ({ environmentName, environmentSlug }: FormData) => {
|
||||||
try {
|
|
||||||
if (!currentProject?.id) return;
|
if (!currentProject?.id) return;
|
||||||
|
|
||||||
const env = await mutateAsync({
|
const env = await mutateAsync({
|
||||||
@@ -51,13 +50,6 @@ const Content = ({ onComplete }: ContentProps) => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
onComplete(env);
|
onComplete(env);
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to create environment",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-8
@@ -33,7 +33,6 @@ export const UpdateEnvironmentModal = ({ popUp, handlePopUpClose, handlePopUpTog
|
|||||||
const oldEnvId = (popUp?.updateEnv?.data as { id: string })?.id;
|
const oldEnvId = (popUp?.updateEnv?.data as { id: string })?.id;
|
||||||
|
|
||||||
const onFormSubmit = async ({ name, slug }: FormData) => {
|
const onFormSubmit = async ({ name, slug }: FormData) => {
|
||||||
try {
|
|
||||||
if (!currentProject?.id) return;
|
if (!currentProject?.id) return;
|
||||||
|
|
||||||
await mutateAsync({
|
await mutateAsync({
|
||||||
@@ -49,13 +48,6 @@ export const UpdateEnvironmentModal = ({ popUp, handlePopUpClose, handlePopUpTog
|
|||||||
});
|
});
|
||||||
|
|
||||||
handlePopUpClose("updateEnv");
|
handlePopUpClose("updateEnv");
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to update environment",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-7
@@ -34,7 +34,6 @@ export const PointInTimeVersionLimitSection = () => {
|
|||||||
if (!currentProject) return null;
|
if (!currentProject) return null;
|
||||||
|
|
||||||
const handleVersionLimitSubmit = async ({ pitVersionLimit }: TForm) => {
|
const handleVersionLimitSubmit = async ({ pitVersionLimit }: TForm) => {
|
||||||
try {
|
|
||||||
await updateProject({
|
await updateProject({
|
||||||
pitVersionLimit,
|
pitVersionLimit,
|
||||||
projectId
|
projectId
|
||||||
@@ -44,12 +43,6 @@ export const PointInTimeVersionLimitSection = () => {
|
|||||||
text: "Successfully updated version limit",
|
text: "Successfully updated version limit",
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch {
|
|
||||||
createNotification({
|
|
||||||
text: "Failed updating project's version limit",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const isAdmin = hasProjectRole(ProjectMembershipRole.Admin);
|
const isAdmin = hasProjectRole(ProjectMembershipRole.Admin);
|
||||||
|
|||||||
+1
-7
@@ -15,12 +15,12 @@ export const SecretSharingSection = () => {
|
|||||||
const handleToggle = async (state: boolean) => {
|
const handleToggle = async (state: boolean) => {
|
||||||
setIsLoading(true);
|
setIsLoading(true);
|
||||||
|
|
||||||
try {
|
|
||||||
if (!currentProject?.id) {
|
if (!currentProject?.id) {
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
await updateProject({
|
await updateProject({
|
||||||
projectId: currentProject.id,
|
projectId: currentProject.id,
|
||||||
secretSharing: state
|
secretSharing: state
|
||||||
@@ -30,12 +30,6 @@ export const SecretSharingSection = () => {
|
|||||||
text: `Successfully ${state ? "enabled" : "disabled"} secret sharing for this project`,
|
text: `Successfully ${state ? "enabled" : "disabled"} secret sharing for this project`,
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to update secret sharing for this project",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
} finally {
|
} finally {
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
}
|
}
|
||||||
|
|||||||
-8
@@ -39,7 +39,6 @@ export const AddSecretTagModal = ({ popUp, handlePopUpClose, handlePopUpToggle }
|
|||||||
});
|
});
|
||||||
|
|
||||||
const onFormSubmit = async ({ slug }: FormData) => {
|
const onFormSubmit = async ({ slug }: FormData) => {
|
||||||
try {
|
|
||||||
if (!currentProject?.id) return;
|
if (!currentProject?.id) return;
|
||||||
|
|
||||||
await createWsTag.mutateAsync({
|
await createWsTag.mutateAsync({
|
||||||
@@ -55,13 +54,6 @@ export const AddSecretTagModal = ({ popUp, handlePopUpClose, handlePopUpToggle }
|
|||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
reset();
|
reset();
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to create a tag",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-8
@@ -29,7 +29,6 @@ export const SecretTagsSection = (): JSX.Element => {
|
|||||||
const deleteWsTag = useDeleteWsTag();
|
const deleteWsTag = useDeleteWsTag();
|
||||||
|
|
||||||
const onDeleteApproved = async () => {
|
const onDeleteApproved = async () => {
|
||||||
try {
|
|
||||||
await deleteWsTag.mutateAsync({
|
await deleteWsTag.mutateAsync({
|
||||||
projectId: currentProject?.id || "",
|
projectId: currentProject?.id || "",
|
||||||
tagID: (popUp?.deleteTagConfirmation?.data as DeleteModalData)?.id
|
tagID: (popUp?.deleteTagConfirmation?.data as DeleteModalData)?.id
|
||||||
@@ -41,13 +40,6 @@ export const SecretTagsSection = (): JSX.Element => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
handlePopUpClose("deleteTagConfirmation");
|
handlePopUpClose("deleteTagConfirmation");
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to delete the tag",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-8
@@ -126,7 +126,6 @@ export const BitbucketConfigurePage = () => {
|
|||||||
}: TFormData) => {
|
}: TFormData) => {
|
||||||
if (!targetRepo || !targetWorkspace) return;
|
if (!targetRepo || !targetWorkspace) return;
|
||||||
|
|
||||||
try {
|
|
||||||
await createIntegration.mutateAsync({
|
await createIntegration.mutateAsync({
|
||||||
integrationAuthId,
|
integrationAuthId,
|
||||||
isActive: true,
|
isActive: true,
|
||||||
@@ -156,13 +155,6 @@ export const BitbucketConfigurePage = () => {
|
|||||||
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to create integration"
|
|
||||||
});
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
-8
@@ -73,7 +73,6 @@ export const CircleCIConfigurePage = () => {
|
|||||||
: undefined;
|
: undefined;
|
||||||
|
|
||||||
const onSubmit = async (data: TFormData) => {
|
const onSubmit = async (data: TFormData) => {
|
||||||
try {
|
|
||||||
if (data.scope === CircleCiScope.Context) {
|
if (data.scope === CircleCiScope.Context) {
|
||||||
await mutateAsync({
|
await mutateAsync({
|
||||||
scope: data.scope,
|
scope: data.scope,
|
||||||
@@ -111,13 +110,6 @@ export const CircleCIConfigurePage = () => {
|
|||||||
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to create integration"
|
|
||||||
});
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
if (isCircleCIOrganizationsLoading)
|
if (isCircleCIOrganizationsLoading)
|
||||||
|
|||||||
+1
-15
@@ -1,8 +1,6 @@
|
|||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { useNavigate, useSearch } from "@tanstack/react-router";
|
import { useNavigate, useSearch } from "@tanstack/react-router";
|
||||||
import axios from "axios";
|
|
||||||
|
|
||||||
import { createNotification } from "@app/components/notifications";
|
|
||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Card,
|
Card,
|
||||||
@@ -102,19 +100,7 @@ export const CloudflarePagesConfigurePage = () => {
|
|||||||
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
} catch {
|
||||||
console.error(err);
|
|
||||||
|
|
||||||
let errorMessage: string = "Something went wrong!";
|
|
||||||
if (axios.isAxiosError(err)) {
|
|
||||||
const { message } = err?.response?.data as { message: string };
|
|
||||||
errorMessage = message;
|
|
||||||
}
|
|
||||||
|
|
||||||
createNotification({
|
|
||||||
text: errorMessage,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
+1
-15
@@ -1,8 +1,6 @@
|
|||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { useNavigate, useSearch } from "@tanstack/react-router";
|
import { useNavigate, useSearch } from "@tanstack/react-router";
|
||||||
import axios from "axios";
|
|
||||||
|
|
||||||
import { createNotification } from "@app/components/notifications";
|
|
||||||
import { Button, Card, CardTitle, FormControl, Select, SelectItem } from "@app/components/v2";
|
import { Button, Card, CardTitle, FormControl, Select, SelectItem } from "@app/components/v2";
|
||||||
import { SecretPathInput } from "@app/components/v2/SecretPathInput";
|
import { SecretPathInput } from "@app/components/v2/SecretPathInput";
|
||||||
import { ROUTE_PATHS } from "@app/const/routes";
|
import { ROUTE_PATHS } from "@app/const/routes";
|
||||||
@@ -75,19 +73,7 @@ export const CloudflareWorkersConfigurePage = () => {
|
|||||||
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
} catch {
|
||||||
console.error(err);
|
|
||||||
|
|
||||||
let errorMessage: string = "Something went wrong!";
|
|
||||||
if (axios.isAxiosError(err)) {
|
|
||||||
const { message } = err?.response?.data as { message: string };
|
|
||||||
errorMessage = message;
|
|
||||||
}
|
|
||||||
|
|
||||||
createNotification({
|
|
||||||
text: errorMessage,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
-4
@@ -55,7 +55,6 @@ export const DatabricksConfigurePage = () => {
|
|||||||
const [secretPath, setSecretPath] = useState("/");
|
const [secretPath, setSecretPath] = useState("/");
|
||||||
|
|
||||||
const handleButtonClick = async () => {
|
const handleButtonClick = async () => {
|
||||||
try {
|
|
||||||
if (!integrationAuth?.id) return;
|
if (!integrationAuth?.id) return;
|
||||||
|
|
||||||
if (!targetScope) {
|
if (!targetScope) {
|
||||||
@@ -95,9 +94,6 @@ export const DatabricksConfigurePage = () => {
|
|||||||
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return integrationAuth && selectedSourceEnvironment && integrationAuthScopes ? (
|
return integrationAuth && selectedSourceEnvironment && integrationAuthScopes ? (
|
||||||
|
|||||||
+1
-15
@@ -12,12 +12,10 @@ import {
|
|||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
import { zodResolver } from "@hookform/resolvers/zod";
|
import { zodResolver } from "@hookform/resolvers/zod";
|
||||||
import { useNavigate, useSearch } from "@tanstack/react-router";
|
import { useNavigate, useSearch } from "@tanstack/react-router";
|
||||||
import axios from "axios";
|
|
||||||
import { motion } from "framer-motion";
|
import { motion } from "framer-motion";
|
||||||
import { twMerge } from "tailwind-merge";
|
import { twMerge } from "tailwind-merge";
|
||||||
import { z, ZodIssueCode } from "zod";
|
import { z, ZodIssueCode } from "zod";
|
||||||
|
|
||||||
import { createNotification } from "@app/components/notifications";
|
|
||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Card,
|
Card,
|
||||||
@@ -275,19 +273,7 @@ export const GithubConfigurePage = () => {
|
|||||||
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
} catch {
|
||||||
console.error(err);
|
|
||||||
|
|
||||||
let errorMessage: string = "Something went wrong!";
|
|
||||||
if (axios.isAxiosError(err)) {
|
|
||||||
const { message } = err?.response?.data as { message: string };
|
|
||||||
errorMessage = message;
|
|
||||||
}
|
|
||||||
|
|
||||||
createNotification({
|
|
||||||
text: errorMessage,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
-16
@@ -4,10 +4,8 @@ import { faArrowUpRightFromSquare, faBookOpen } from "@fortawesome/free-solid-sv
|
|||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
import { zodResolver } from "@hookform/resolvers/zod";
|
import { zodResolver } from "@hookform/resolvers/zod";
|
||||||
import { useNavigate } from "@tanstack/react-router";
|
import { useNavigate } from "@tanstack/react-router";
|
||||||
import axios from "axios";
|
|
||||||
import { z } from "zod";
|
import { z } from "zod";
|
||||||
|
|
||||||
import { createNotification } from "@app/components/notifications";
|
|
||||||
import { Button, Card, CardBody, CardTitle, FormControl, Input } from "@app/components/v2";
|
import { Button, Card, CardBody, CardTitle, FormControl, Input } from "@app/components/v2";
|
||||||
import { useProject } from "@app/context";
|
import { useProject } from "@app/context";
|
||||||
import { useSaveIntegrationAccessToken } from "@app/hooks/api";
|
import { useSaveIntegrationAccessToken } from "@app/hooks/api";
|
||||||
@@ -41,7 +39,6 @@ export const HashicorpVaultAuthorizePage = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const handleFormSubmit = async (formData: TForm) => {
|
const handleFormSubmit = async (formData: TForm) => {
|
||||||
try {
|
|
||||||
const integrationAuth = await mutateAsync({
|
const integrationAuth = await mutateAsync({
|
||||||
workspaceId: currentProject.id,
|
workspaceId: currentProject.id,
|
||||||
integration: "hashicorp-vault",
|
integration: "hashicorp-vault",
|
||||||
@@ -59,19 +56,6 @@ export const HashicorpVaultAuthorizePage = () => {
|
|||||||
integrationAuthId: integrationAuth.id
|
integrationAuthId: integrationAuth.id
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
let errorMessage: string = "Something went wrong!";
|
|
||||||
if (axios.isAxiosError(err)) {
|
|
||||||
const { message } = err?.response?.data as { message: string };
|
|
||||||
errorMessage = message;
|
|
||||||
}
|
|
||||||
|
|
||||||
createNotification({
|
|
||||||
text: errorMessage,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-16
@@ -10,10 +10,8 @@ import {
|
|||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||||
import { zodResolver } from "@hookform/resolvers/zod";
|
import { zodResolver } from "@hookform/resolvers/zod";
|
||||||
import { useNavigate, useSearch } from "@tanstack/react-router";
|
import { useNavigate, useSearch } from "@tanstack/react-router";
|
||||||
import axios from "axios";
|
|
||||||
import { z } from "zod";
|
import { z } from "zod";
|
||||||
|
|
||||||
import { createNotification } from "@app/components/notifications";
|
|
||||||
import {
|
import {
|
||||||
Button,
|
Button,
|
||||||
Card,
|
Card,
|
||||||
@@ -90,7 +88,6 @@ export const HashicorpVaultConfigurePage = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const handleFormSubmit = async (formData: TForm) => {
|
const handleFormSubmit = async (formData: TForm) => {
|
||||||
try {
|
|
||||||
if (!integrationAuth?.id) return;
|
if (!integrationAuth?.id) return;
|
||||||
await mutateAsync({
|
await mutateAsync({
|
||||||
integrationAuthId: integrationAuth?.id,
|
integrationAuthId: integrationAuth?.id,
|
||||||
@@ -109,19 +106,6 @@ export const HashicorpVaultConfigurePage = () => {
|
|||||||
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
let errorMessage: string = "Something went wrong!";
|
|
||||||
if (axios.isAxiosError(err)) {
|
|
||||||
const { message } = err?.response?.data as { message: string };
|
|
||||||
errorMessage = message;
|
|
||||||
}
|
|
||||||
|
|
||||||
createNotification({
|
|
||||||
text: errorMessage,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return integrationAuth ? (
|
return integrationAuth ? (
|
||||||
|
|||||||
-9
@@ -6,7 +6,6 @@ import { zodResolver } from "@hookform/resolvers/zod";
|
|||||||
import { useNavigate } from "@tanstack/react-router";
|
import { useNavigate } from "@tanstack/react-router";
|
||||||
import { z } from "zod";
|
import { z } from "zod";
|
||||||
|
|
||||||
import { createNotification } from "@app/components/notifications";
|
|
||||||
import { Button, Card, CardTitle, FormControl, Input } from "@app/components/v2";
|
import { Button, Card, CardTitle, FormControl, Input } from "@app/components/v2";
|
||||||
import { useProject } from "@app/context";
|
import { useProject } from "@app/context";
|
||||||
import { removeTrailingSlash } from "@app/helpers/string";
|
import { removeTrailingSlash } from "@app/helpers/string";
|
||||||
@@ -29,7 +28,6 @@ export const OctopusDeployAuthorizePage = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const onSubmit = async ({ instanceUrl, apiKey }: TForm) => {
|
const onSubmit = async ({ instanceUrl, apiKey }: TForm) => {
|
||||||
try {
|
|
||||||
const integrationAuth = await mutateAsync({
|
const integrationAuth = await mutateAsync({
|
||||||
workspaceId: currentProject.id,
|
workspaceId: currentProject.id,
|
||||||
integration: "octopus-deploy",
|
integration: "octopus-deploy",
|
||||||
@@ -46,13 +44,6 @@ export const OctopusDeployAuthorizePage = () => {
|
|||||||
integrationAuthId: integrationAuth.id
|
integrationAuthId: integrationAuth.id
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err: any) {
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: err.message ?? "Error authorizing integration"
|
|
||||||
});
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-8
@@ -107,7 +107,6 @@ export const OctopusDeployConfigurePage = () => {
|
|||||||
targetRoles,
|
targetRoles,
|
||||||
scope
|
scope
|
||||||
}: TFormData) => {
|
}: TFormData) => {
|
||||||
try {
|
|
||||||
await createIntegration.mutateAsync({
|
await createIntegration.mutateAsync({
|
||||||
integrationAuthId,
|
integrationAuthId,
|
||||||
isActive: true,
|
isActive: true,
|
||||||
@@ -143,13 +142,6 @@ export const OctopusDeployConfigurePage = () => {
|
|||||||
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
selectedTab: IntegrationsListPageTabs.NativeIntegrations
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
createNotification({
|
|
||||||
type: "error",
|
|
||||||
text: "Failed to create integration"
|
|
||||||
});
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
-16
@@ -83,7 +83,6 @@ export const ChangeEmailSection = () => {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
|
||||||
await requestEmailChangeOTP({ newEmail });
|
await requestEmailChangeOTP({ newEmail });
|
||||||
setPendingEmail(newEmail);
|
setPendingEmail(newEmail);
|
||||||
setIsOTPModalOpen(true);
|
setIsOTPModalOpen(true);
|
||||||
@@ -92,14 +91,6 @@ export const ChangeEmailSection = () => {
|
|||||||
text: "Verification code sent to your new email address. Check your inbox!",
|
text: "Verification code sent to your new email address. Check your inbox!",
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch (err: any) {
|
|
||||||
console.error(err);
|
|
||||||
const errorMessage = err?.response?.data?.message || "Failed to send verification code";
|
|
||||||
createNotification({
|
|
||||||
text: errorMessage,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const [typedOTP, setTypedOTP] = useState("");
|
const [typedOTP, setTypedOTP] = useState("");
|
||||||
@@ -135,8 +126,6 @@ export const ChangeEmailSection = () => {
|
|||||||
navigate({ to: "/login" });
|
navigate({ to: "/login" });
|
||||||
}, 2000);
|
}, 2000);
|
||||||
} catch (err: any) {
|
} catch (err: any) {
|
||||||
console.error(err);
|
|
||||||
|
|
||||||
const errorMessage = err?.response?.data?.message || "Invalid verification code";
|
const errorMessage = err?.response?.data?.message || "Invalid verification code";
|
||||||
if (errorMessage.includes("Invalid verification code")) {
|
if (errorMessage.includes("Invalid verification code")) {
|
||||||
// Reset to email step so user must request new OTP
|
// Reset to email step so user must request new OTP
|
||||||
@@ -149,11 +138,6 @@ export const ChangeEmailSection = () => {
|
|||||||
text: "Invalid verification code. Please request a new one.",
|
text: "Invalid verification code. Please request a new one.",
|
||||||
type: "error"
|
type: "error"
|
||||||
});
|
});
|
||||||
} else {
|
|
||||||
createNotification({
|
|
||||||
text: errorMessage,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
-8
@@ -97,7 +97,6 @@ export const ChangePasswordSection = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const onSetupPassword = async () => {
|
const onSetupPassword = async () => {
|
||||||
try {
|
|
||||||
await sendSetupPasswordEmail.mutateAsync();
|
await sendSetupPasswordEmail.mutateAsync();
|
||||||
|
|
||||||
createNotification({
|
createNotification({
|
||||||
@@ -105,13 +104,6 @@ export const ChangePasswordSection = () => {
|
|||||||
text: "Check your email to confirm password setup",
|
text: "Check your email to confirm password setup",
|
||||||
type: "info"
|
type: "info"
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to send password setup email",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-8
@@ -15,7 +15,6 @@ export const DeleteAccountSection = () => {
|
|||||||
const { mutateAsync: deleteUserMutateAsync, isPending } = useDeleteMe();
|
const { mutateAsync: deleteUserMutateAsync, isPending } = useDeleteMe();
|
||||||
|
|
||||||
const handleDeleteAccountSubmit = async () => {
|
const handleDeleteAccountSubmit = async () => {
|
||||||
try {
|
|
||||||
await deleteUserMutateAsync();
|
await deleteUserMutateAsync();
|
||||||
|
|
||||||
createNotification({
|
createNotification({
|
||||||
@@ -25,13 +24,6 @@ export const DeleteAccountSection = () => {
|
|||||||
|
|
||||||
navigate({ to: "/login" });
|
navigate({ to: "/login" });
|
||||||
handlePopUpClose("deleteAccount");
|
handlePopUpClose("deleteAccount");
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to delete account",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
-32
@@ -84,7 +84,6 @@ export const MFASection = () => {
|
|||||||
}, [totpRegistration, showMobileAuthSetup]);
|
}, [totpRegistration, showMobileAuthSetup]);
|
||||||
|
|
||||||
const handleTotpDeletion = async () => {
|
const handleTotpDeletion = async () => {
|
||||||
try {
|
|
||||||
await deleteTotpConfiguration();
|
await deleteTotpConfiguration();
|
||||||
|
|
||||||
await mutateAsync({
|
await mutateAsync({
|
||||||
@@ -97,36 +96,15 @@ export const MFASection = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
handlePopUpClose("deleteTotpConfig");
|
handlePopUpClose("deleteTotpConfig");
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
const error = err as any;
|
|
||||||
const text = error?.response?.data?.message ?? "Failed to delete mobile authenticator";
|
|
||||||
|
|
||||||
createNotification({
|
|
||||||
text,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleGenerateMoreRecoveryCodes = async () => {
|
const handleGenerateMoreRecoveryCodes = async () => {
|
||||||
try {
|
|
||||||
await createTotpRecoveryCodes();
|
await createTotpRecoveryCodes();
|
||||||
|
|
||||||
createNotification({
|
createNotification({
|
||||||
text: "Successfully generated new recovery codes",
|
text: "Successfully generated new recovery codes",
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
const error = err as any;
|
|
||||||
const text = error?.response?.data?.message ?? "Failed to generate new recovery codes";
|
|
||||||
|
|
||||||
createNotification({
|
|
||||||
text,
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleFormDataChange = async (field: string, value: any) => {
|
const handleFormDataChange = async (field: string, value: any) => {
|
||||||
@@ -200,10 +178,6 @@ export const MFASection = () => {
|
|||||||
|
|
||||||
await queryClient.invalidateQueries({ queryKey: userKeys.totpConfiguration });
|
await queryClient.invalidateQueries({ queryKey: userKeys.totpConfiguration });
|
||||||
} catch {
|
} catch {
|
||||||
createNotification({
|
|
||||||
text: "Failed to verify TOTP code. Please try again.",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -249,12 +223,6 @@ export const MFASection = () => {
|
|||||||
setShowMobileAuthSetup(false);
|
setShowMobileAuthSetup(false);
|
||||||
setTotpCode("");
|
setTotpCode("");
|
||||||
setShouldShowRecoveryCodes.off();
|
setShouldShowRecoveryCodes.off();
|
||||||
} catch (err) {
|
|
||||||
createNotification({
|
|
||||||
text: "Something went wrong while updating two-factor authentication settings.",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
console.error(err);
|
|
||||||
} finally {
|
} finally {
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
}
|
}
|
||||||
|
|||||||
-8
@@ -40,19 +40,11 @@ export const SessionsTable = () => {
|
|||||||
] as const);
|
] as const);
|
||||||
|
|
||||||
const handleSignOut = async (sessionId: string) => {
|
const handleSignOut = async (sessionId: string) => {
|
||||||
try {
|
|
||||||
await revokeMySessionById(sessionId);
|
await revokeMySessionById(sessionId);
|
||||||
createNotification({
|
createNotification({
|
||||||
text: "Session revoked successfully",
|
text: "Session revoked successfully",
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to revoke session",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
handlePopUpClose("deleteSession");
|
handlePopUpClose("deleteSession");
|
||||||
};
|
};
|
||||||
|
|||||||
-8
@@ -27,7 +27,6 @@ export const UserNameSection = (): JSX.Element => {
|
|||||||
}, [user]);
|
}, [user]);
|
||||||
|
|
||||||
const onFormSubmit = async ({ name }: FormData) => {
|
const onFormSubmit = async ({ name }: FormData) => {
|
||||||
try {
|
|
||||||
if (!user?.id) return;
|
if (!user?.id) return;
|
||||||
if (name === "") return;
|
if (name === "") return;
|
||||||
|
|
||||||
@@ -36,13 +35,6 @@ export const UserNameSection = (): JSX.Element => {
|
|||||||
text: "Successfully renamed user",
|
text: "Successfully renamed user",
|
||||||
type: "success"
|
type: "success"
|
||||||
});
|
});
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
createNotification({
|
|
||||||
text: "Failed to rename user",
|
|
||||||
type: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user