Move logics to useElement.ts

episerver · Dec 28, 2023 · 186358b · 186358b
1 parent 1a47db5
commit 186358b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 16 deletions.
diff --git a/src/@episerver/forms-react/src/components/elements/ResetButtonElementBlock.tsx b/src/@episerver/forms-react/src/components/elements/ResetButtonElementBlock.tsx
@@ -1,8 +1,6 @@
 import React, { useMemo } from "react";
-import { FormContainer, ResetButton } from "@episerver/forms-sdk";
+import { ResetButton } from "@episerver/forms-sdk";
 import { useElement } from "../../hooks/useElement";
-import { useForms } from "../../context/store";
-import { htmlDecodeEntities } from "@episerver/forms-sdk/src/helpers/dependencyHelper";
 
 interface ResetButtonElementBlockProps {
     element: ResetButton
@@ -13,25 +11,14 @@ export const ResetButtonElementBlock = (props: ResetButtonElementBlockProps) =>
     const { elementContext, handleReset } = useElement(element);
     const { extraAttr } = elementContext;
 
-    const formContext = useForms();
-    const form = formContext?.formContainer ?? {} as FormContainer;
-
-
-
-    const handleResetButton = () => {
-        if (confirm(htmlDecodeEntities(form.properties.resetConfirmationMessage))) {
-            handleReset()
-        }
-    }
-
     return useMemo(() => (
         <>
             <input
                 type="reset"
                 className="Form__Element FormResetButton Form__Element--NonData"
                 {...extraAttr}
                 value={element.properties.label}
-                onClick={handleResetButton}
+                onClick={handleReset}
             />
         </>
     ), []);

diff --git a/src/@episerver/forms-react/src/hooks/useElement.ts b/src/@episerver/forms-react/src/hooks/useElement.ts
@@ -20,6 +20,7 @@ import {
     FormSubmission,
     FormDependConditions,
     FormValidationResult,
+    htmlDecodeEntities,
     } from "@episerver/forms-sdk";
 import { DispatchFunctions } from "../context/dispatchFunctions";
 
@@ -156,7 +157,10 @@ export const useElement = (element: FormElementBase) => {
     }
 
     const handleReset = () => {
-        dispatchFuncs.resetForm(formContext?.formContainer ?? {} as FormContainer);
+        const form = formContext?.formContainer ?? {} as FormContainer
+        if (confirm(htmlDecodeEntities(form.properties.resetConfirmationMessage))) {
+            dispatchFuncs.resetForm(form);
+        }
     }
 
     return {