Reset puzzle modal form upon successful submission.

See #2274
deathandmayhem · Dec 21, 2024 · be3d675 · be3d675
1 parent e9650de
commit be3d675
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/imports/client/components/PuzzleListPage.tsx b/imports/client/components/PuzzleListPage.tsx
@@ -244,9 +244,16 @@ const PuzzleListView = ({
         return;
       }
 
-      createPuzzle.call({ docType, ...rest }, callback);
+      function onAddComplete(error?: Error) {
+        if (!error && addModalRef.current) {
+          addModalRef.current.reset();
+        }
+        callback(error);
+      }
+
+      createPuzzle.call({ docType, ...rest }, onAddComplete);
     },
-    [],
+    [addModalRef],
   );
 
   const setSearchString = useCallback(

diff --git a/imports/client/components/PuzzleModalForm.tsx b/imports/client/components/PuzzleModalForm.tsx
@@ -47,6 +47,7 @@ enum PuzzleModalFormSubmitState {
 }
 
 export type PuzzleModalFormHandle = {
+  reset: () => void;
   show: () => void;
 };
 
@@ -194,6 +195,14 @@ const PuzzleModalForm = React.forwardRef(
       }
     }, []);
 
+    const reset = useCallback(() => {
+      setTitle("");
+      setUrl("");
+      setTags([]);
+      setExpectedAnswerCount(1);
+      setDocType("spreadsheet");
+    }, []);
+
     const currentTitle = useMemo(() => {
       if (!titleDirty && puzzle) {
         return puzzle.title;
@@ -231,6 +240,7 @@ const PuzzleModalForm = React.forwardRef(
 
     useImperativeHandle(forwardedRef, () => ({
       show,
+      reset,
     }));
 
     useEffect(() => {