mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-04-17 11:31:09 -05:00
Code Issues Packages Projects Releases 162 Wiki Activity

Add Loading State to Action Delete & Person Delete Buttons

Browse Source 
Add Loading State to Action Delete & Person Delete Buttons
This commit is contained in:
Johannes
2023-08-16 09:24:38 +02:00
committed by GitHub
parent 0659343a0b fba2d1def9
commit de90e10b91
2 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
apps/web/app/(app)/environments/[environmentId]/(actionsAndAttributes)/actions/ActionSettingsTab.tsx
View File

@@ -42,6 +42,7 @@ export default function ActionSettingsTab({ environmentId, actionClass, setOpen
},
});
const [isUpdatingAction, setIsUpdatingAction] = useState(false);
const [isDeletingAction, setIsDeletingAction] = useState(false);
const onSubmit = async (data) => {
const filteredNoCodeConfig = filterNoCodeConfig(data.noCodeConfig as NoCodeConfig);
@@ -81,6 +82,20 @@ export default function ActionSettingsTab({ environmentId, actionClass, setOpen
if (match === "no") toast.error("Your survey would not be shown.");
};
const handleDeleteAction = async () => {
try {
setIsDeletingAction(true);
await deleteActionClass(environmentId, actionClass.id);
router.refresh();
toast.success("Action deleted successfully");
setOpen(false);
} catch (error) {
toast.error("Something went wrong. Please try again.");
} finally {
setIsDeletingAction(false);
}
};
return (
<div>
<form className="space-y-4" onSubmit={handleSubmit(onSubmit)}>
@@ -288,18 +303,10 @@ export default function ActionSettingsTab({ environmentId, actionClass, setOpen
<DeleteDialog
open={openDeleteDialog}
setOpen={setOpenDeleteDialog}
isDeleting={isDeletingAction}
deleteWhat={"Action"}
text="Are you sure you want to delete this action? This also removes this action as a trigger from all your surveys."
onDelete={async () => {
setOpen(false);
try {
await deleteActionClass(environmentId, actionClass.id);
router.refresh();
toast.success("Action deleted successfully");
} catch (error) {
toast.error("Something went wrong. Please try again.");
}
}}
onDelete={handleDeleteAction}
/>
</div>
);

16
apps/web/app/(app)/environments/[environmentId]/people/[personId]/HeadingSection.tsx
View File

@@ -19,10 +19,19 @@ export default function HeadingSection({
const router = useRouter();
const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
const [isDeletingPerson, setIsDeletingPerson] = useState(false);
const handleDeletePerson = async () => {
await deletePersonAction(person.id);
router.push(`/environments/${environmentId}/people`);
toast.success("Person deleted successfully.");
try {
setIsDeletingPerson(true);
await deletePersonAction(person.id);
router.push(`/environments/${environmentId}/people`);
toast.success("Person deleted successfully.");
} catch (error) {
toast.error(error.message);
} finally {
setIsDeletingPerson(false);
}
};
return (
@@ -46,6 +55,7 @@ export default function HeadingSection({
setOpen={setDeleteDialogOpen}
deleteWhat="person"
onDelete={handleDeletePerson}
isDeleting={isDeletingPerson}
/>
</>
);