Refactored QueueFormField to make easier to read

pennlabs · Feb 12, 2025 · 8d0659b · 8d0659b
1 parent 7f9e637
commit 8d0659b
Showing 1 changed file with 10 additions and 17 deletions.
diff --git a/frontend/components/Course/InstructorQueuePage/QueueFormFields.tsx b/frontend/components/Course/InstructorQueuePage/QueueFormFields.tsx
@@ -173,6 +173,13 @@ const QueueFormFields = ({
         setInput({ ...input });
     };
     /* PROPS UPDATE */
+    // Helper function to handle toggle changes
+    const handleToggleChange = (name: string) => {
+        setInput({
+            ...input,
+            [name]: !input[name],
+        });
+    };
 
     return (
         <>
@@ -241,12 +248,7 @@ const QueueFormFields = ({
                     id="pin-toggle"
                     toggle
                     disabled={loading}
-                    onClick={() =>
-                        setInput({
-                            ...input,
-                            pinEnabled: !input.pinEnabled,
-                        })
-                    }
+                    onClick={() => handleToggleChange("pinEnabled")}
                 />
             </Form.Field>
 
@@ -263,12 +265,7 @@ const QueueFormFields = ({
                     toggle
                     checked={input.rateLimitEnabled}
                     label="Enable queue rate-limiting"
-                    onClick={() =>
-                        setInput({
-                            ...input,
-                            rateLimitEnabled: !input.rateLimitEnabled,
-                        })
-                    }
+                    onClick={() => handleToggleChange("rateLimitEnabled")}
                 />
 
                 {input.rateLimitEnabled && (
@@ -382,11 +379,7 @@ const QueueFormFields = ({
                         toggle
                         label="Enable a countdown for questions"
                         onChange={() =>
-                            setInput({
-                                ...input,
-                                questionTimerEnabled:
-                                    !input.questionTimerEnabled,
-                            })
+                            handleToggleChange("questionTimerEnabled")
                         }
                     />
                 </Form.Field>