Added Fill Blanks Edits + True False Edit

src/components/Generation/fill.blanks.edit.tsx

@@ -0,0 +1,84 @@
+import { FillBlanksExercise } from "@/interfaces/exam";
+import React from "react";
+import Input from "@/components/Low/Input";
+
+interface Props {
+  exercise: FillBlanksExercise;
+  updateExercise: (data: any) => void;
+}
+
+const FillBlanksEdit = (props: Props) => {
+  const { exercise, updateExercise } = props;
+  return (
+    <>
+      <Input
+        type="text"
+        label="Prompt"
+        name="prompt"
+        required
+        value={exercise.prompt}
+        onChange={(value) =>
+          updateExercise({
+            prompt: value,
+          })
+        }
+      />
+      <Input
+        type="text"
+        label="Text"
+        name="text"
+        required
+        value={exercise.text}
+        onChange={(value) =>
+          updateExercise({
+            text: value,
+          })
+        }
+      />
+      <h1>Solutions</h1>
+      <div className="w-full flex flex-wrap -mx-2">
+        {exercise.solutions.map((solution, index) => (
+          <div key={solution.id} className="flex sm:w-1/2 lg:w-1/4 px-2">
+            <Input
+              type="text"
+              label={`Solution ${index + 1}`}
+              name="solution"
+              required
+              value={solution.solution}
+              onChange={(value) =>
+                updateExercise({
+                  solutions: exercise.solutions.map((sol) =>
+                    sol.id === solution.id ? { ...sol, solution: value } : sol
+                  ),
+                })
+              }
+            />
+          </div>
+        ))}
+      </div>
+      <h1>Words</h1>
+      <div className="w-full flex flex-wrap -mx-2">
+        {exercise.words.map((word, index) => (
+          <div key={index} className="flex sm:w-1/2 lg:w-1/4 px-2">
+            <Input
+              type="text"
+              label={`Word ${index + 1}`}
+              name="word"
+              required
+              value={word}
+              onChange={(value) =>
+                updateExercise({
+                  words: exercise.words.map((sol, idx) =>
+                    index === idx ? value : sol
+                  ),
+                })
+              }
+            />
+          </div>
+        ))}
+      </div>
+    </>
+  );
+};
+
+export default FillBlanksEdit;

src/components/Generation/interactive.speaking.edit.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const InteractiveSpeakingEdit = () => {
+  return null;
+};
+
+export default InteractiveSpeakingEdit;

src/components/Generation/match.sentences.edit.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const MatchSentencesEdit = () => {
+    return null;
+}
+
+export default MatchSentencesEdit;

src/components/Generation/multiple.choice.edit.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const MultipleChoiceEdit = () => {
+    return null;
+}
+
+export default MultipleChoiceEdit;

src/components/Generation/speaking.edit.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const SpeakingEdit = () => {
+    return null;
+}
+
+export default SpeakingEdit;

src/components/Generation/true.false.edit.tsx

@@ -0,0 +1,71 @@
+import React from "react";
+import { TrueFalseExercise } from "@/interfaces/exam";
+import Input from "@/components/Low/Input";
+import Select from "@/components/Low/Select";
+interface Props {
+  exercise: TrueFalseExercise;
+  updateExercise: (data: any) => void;
+}
+
+const options = [
+  { value: "true", label: "True" },
+  { value: "false", label: "False" },
+  { value: "not_given", label: "Not Given" },
+];
+
+const TrueFalseEdit = (props: Props) => {
+  const { exercise, updateExercise } = props;
+  return (
+    <>
+      <Input
+        type="text"
+        label="Prompt"
+        name="prompt"
+        required
+        value={exercise.prompt}
+        onChange={(value) =>
+          updateExercise({
+            prompt: value,
+          })
+        }
+      />
+      <h1>Questions</h1>
+      <div className="w-full flex-no-wrap -mx-2">
+        {exercise.questions.map((question, index) => (
+          <div key={question.id} className="flex w-full px-2">
+            <Input
+              type="text"
+              label={`Question ${index + 1}`}
+              name="question"
+              required
+              value={question.prompt}
+              onChange={(value) =>
+                updateExercise({
+                  questions: exercise.questions.map((sol) =>
+                    sol.id === question.id ? { ...sol, prompt: value } : sol
+                  ),
+                })
+              }
+            />
+            <div className="w-48 flex items-end px-2">
+              <Select
+                value={options.find((o) => o.value === question.solution)}
+                options={options}
+                onChange={(value) => {
+                  updateExercise({
+                    questions: exercise.questions.map((sol) =>
+                      sol.id === question.id ? { ...sol, solution: value?.value } : sol
+                    ),
+                  });
+                }}
+                className="h-18"
+              />
+            </div>
+          </div>
+        ))}
+      </div>
+    </>
+  );
+};
+
+export default TrueFalseEdit;

src/components/Generation/white.blanks.edit.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const WhiteBlankEdits = () => {
+    return null;
+}
+
+export default WhiteBlankEdits;

src/components/Generation/writing.edit.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const WritingEdit = () => {
+    return null;
+}
+
+export default WritingEdit;