Lockout class dropdown if no seed

ai-cfia · Jun 21, 2024 · 4b6d99a · 4b6d99a
1 parent d01dca5
commit 4b6d99a
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/components/body/feedback_form/FeedbackForm.tsx b/src/components/body/feedback_form/FeedbackForm.tsx
@@ -120,6 +120,8 @@ export const NegativeFeedbackForm = (
   const { inference, position, classList, onCancel, onSubmit } = props;
   const [selectedClass, setSelectedClass] = useState<ClassData>(defaultClass);
   const [comment, setComment] = useState<string>(reasons[2]);
+  const [slassDropdownEnabled, setClassDropdownEnabled] =
+    useState<boolean>(true);
 
   const filter = createFilterOptions<ClassData>();
 
@@ -198,6 +200,19 @@ export const NegativeFeedbackForm = (
     }
   }, [classList, defaultClass, inference]);
 
+  useEffect(() => {
+    if (comment === "No Seed") {
+      setSelectedClass({
+        id: -1,
+        classId: "",
+        label: "",
+      });
+      setClassDropdownEnabled(false);
+    } else {
+      setClassDropdownEnabled(true);
+    }
+  }, [comment]);
+
   return (
     <Draggable
       defaultPosition={{
@@ -241,6 +256,7 @@ export const NegativeFeedbackForm = (
               marginTop: "20px",
               width: "100%",
             }}
+            disabled={!slassDropdownEnabled}
           />
           <Select
             labelId="comment-select-label"