cancel button fix

phughesmcr · Sep 3, 2024 · 187c412 · 187c412
1 parent ae2dbb3
commit 187c412
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/components/DebateFormInputs.tsx b/components/DebateFormInputs.tsx
@@ -8,7 +8,6 @@ import {
   MIN_DEBATE_ROUNDS,
 } from "lib/debate/inputValidation.ts";
 import { Personality } from "lib/debate/personalities.ts";
-import { FunctionComponent } from "preact";
 
 
 interface DebateFormInputsProps {
@@ -27,6 +26,8 @@ interface DebateFormInputsProps {
   isDebating: boolean;
   handleSubmit: (e: Event) => void;
   cancelDebate: () => void;
+  enableModerator: boolean;
+  setEnableModerator: (value: boolean) => void;
 }
 
 const EXAMPLE_POSITIONS = [
@@ -42,7 +43,7 @@ const EXAMPLE_POSITIONS = [
   "Coffee is better than sleep",
 ];
 
-const DebateFormInputs: FunctionComponent<DebateFormInputsProps> = ({
+const DebateFormInputs = ({
   position,
   setPosition,
   numAgents,
@@ -60,7 +61,7 @@ const DebateFormInputs: FunctionComponent<DebateFormInputsProps> = ({
   cancelDebate,
   enableModerator,
   setEnableModerator,
-}) => {
+}: DebateFormInputsProps) => {
   return (
     <form
       onSubmit={(e) => {

diff --git a/hooks/useDebateState.ts b/hooks/useDebateState.ts
@@ -187,7 +187,7 @@ export function useDebateState() {
       setIsDebating(false);
       abortControllerRef.current = null;
     }
-  }, [position, context, numAgents, numDebateRounds, agentDetails, enableModerator, userUUID]);
+  }, [position, numAgents, numDebateRounds, agentDetails, enableModerator, userUUID]);
 
   const cancelDebate = useCallback(() => {
     if (abortControllerRef.current) {
@@ -196,8 +196,12 @@ export function useDebateState() {
       setLoading(false);
       setDebate([]);
       setIsDebateFinished(false);
+      setErrors([]);
+      setPosition("");
+      setContext("");
+      updateAgentDetails(numAgents);
     }
-  }, []);
+  }, [numAgents, updateAgentDetails]);
 
   const safeSetNumDebateRounds = useCallback((value: number | string) => {
     const parsedValue = parseInt(value as string, 10);