Ensure only submit once

CS3219-AY2324S1 · Nov 3, 2023 · 5821afc · 5821afc
1 parent a494776
commit 5821afc
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/frontend/src/components/room/code-editor.tsx b/frontend/src/components/room/code-editor.tsx
@@ -38,7 +38,7 @@ type CodeEditorProps = {
   onChange: React.Dispatch<React.SetStateAction<string>>;
   onCursorChange?: React.Dispatch<React.SetStateAction<number>>;
   hasRoom?: boolean;
-  onSubmitClick?: () => void;
+  onSubmitClick?: (value: string) => void;
   onLeaveRoomClick?: () => void;
 };
 
@@ -68,7 +68,7 @@ export default function CodeEditor({
   onChange,
   onCursorChange,
   hasRoom = true,
-  onSubmitClick = (value) => {},
+  onSubmitClick = () => {},
   onLeaveRoomClick = () => {},
 }: CodeEditorProps) {
   const [open, setOpen] = React.useState(false);
@@ -121,12 +121,10 @@ export default function CodeEditor({
     }
     setIsSubmitting(true);
     try {
-      onChange(value);
-      onSubmitClick(value);
+      await onChange(value);
+      await onSubmitClick(value);
     } catch (error) {
       console.log(error);
-    } finally {
-      setIsSubmitting(false);
     }
   };
 
@@ -209,7 +207,11 @@ export default function CodeEditor({
               Leave Room
             </Button>
           ) : (
-            <Button variant="default" onClick={handleOnSubmitClick}>
+            <Button
+              variant="default"
+              onClick={handleOnSubmitClick}
+              disabled={isSubmitting}
+            >
               Submit
             </Button>
           )}