Clear the audio when a new entry is submitted (#2566)

* Clear the audio when a new entry is submitted

* Make props order consistant

src/components/DataEntry/DataEntryTable/NewEntry/index.tsx

@@ -45,6 +45,7 @@ interface NewEntryProps {
   vernacularLang: WritingSystem;
   // Parent component handles new entry state:
   addNewEntry: () => Promise<void>;
+  resetNewEntry: () => void;
   updateWordWithNewGloss: (wordId: string) => Promise<void>;
   newAudioUrls: string[];
   addNewAudioUrl: (file: File) => void;
@@ -72,6 +73,7 @@ export default function NewEntry(props: NewEntryProps): ReactElement {
     vernacularLang,
     // Parent component handles new entry state:
     addNewEntry,
+    resetNewEntry,
     updateWordWithNewGloss,
     newAudioUrls,
     addNewAudioUrl,
@@ -116,13 +118,10 @@ export default function NewEntry(props: NewEntryProps): ReactElement {
   );
 
   const resetState = useCallback((): void => {
-    setNewGloss("");
-    setNewNote("");
-    setNewVern("");
+    resetNewEntry();
     setVernOpen(false);
-    // May also need to reset newAudioUrls in the parent component.
     focus(FocusTarget.Vernacular);
-  }, [focus, setNewGloss, setNewNote, setNewVern, setVernOpen]);
+  }, [focus, resetNewEntry, setVernOpen]);
 
   /** Reset when tree opens, except for the first time it is open. */
   useEffect(() => {

src/components/DataEntry/DataEntryTable/NewEntry/tests/index.test.tsx

@@ -25,6 +25,7 @@ describe("NewEntry", () => {
             vernacularLang={newWritingSystem()}
             // Parent component handles new entry state:
             addNewEntry={jest.fn()}
+            resetNewEntry={jest.fn()}
             updateWordWithNewGloss={jest.fn()}
             newAudioUrls={[]}
             addNewAudioUrl={jest.fn()}

src/components/DataEntry/DataEntryTable/index.tsx

@@ -346,6 +346,17 @@ export default function DataEntryTable(
     });
   };
 
+  /*** Clear all new entry state elements. */
+  const resetNewEntry = (): void => {
+    setState((prevState) => ({
+      ...prevState,
+      newAudioUrls: [],
+      newGloss: "",
+      newNote: "",
+      newVern: "",
+    }));
+  };
+
   /*** Add an audio file to newAudioUrls. */
   const addNewAudioUrl = (file: File): void => {
     setState((prevState) => {
@@ -893,6 +904,7 @@ export default function DataEntryTable(
             vernacularLang={vernacularLang}
             // Parent handles new entry state of child:
             addNewEntry={addNewEntry}
+            resetNewEntry={resetNewEntry}
             updateWordWithNewGloss={updateWordWithNewEntry}
             newAudioUrls={state.newAudioUrls}
             addNewAudioUrl={addNewAudioUrl}