Feat: Add Mandatory Domain checkbox to QuestDetailsForm and update Cr…

…eateQuest and UpdateQuest types
lfglabs-dev · Jan 28, 2025 · 0d363c9 · 0d363c9
1 parent bebf69b
commit 0d363c9
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/components/admin/formSteps/QuestDetailsForm.tsx b/components/admin/formSteps/QuestDetailsForm.tsx
@@ -176,6 +176,28 @@ const QuestDetailsForm: FunctionComponent<QuestDetailsFormProps> = ({
         </Typography>
       </div>
 
+      <div className="flex flex-col gap-1">
+  <div className="flex items-center gap-2">
+    <input
+      type="checkbox"
+      name="mandatory_domain"
+      checked={questInput.mandatory_domain === null} 
+      onChange={(e) => {
+        setQuestInput((prev: any) => ({
+          ...prev,
+          mandatory_domain: e.target.checked ? null : "none",
+        }));
+      }}
+      id="mandatory-domain-checkbox"
+      className={styles.customCheckbox}
+    />
+    <label htmlFor="mandatory-domain-checkbox">Mandatory Domain</label>
+  </div>
+  <Typography type={TEXT_TYPE.BODY_MICRO} color="textGray">
+    Check this box if a domain is mandatory for this quest.
+  </Typography>
+</div>
+
       <div className="w-full sm:w-fit">
         <Button onClick={onSubmit} disabled={submitButtonDisabled}>
           <p>Save Changes</p>

diff --git a/types/backTypes.d.ts b/types/backTypes.d.ts
@@ -290,6 +290,7 @@ export type CreateQuest = {
   img_card: string;
   title_card: string;
   issuer: string;
+  mandatory_domain?: boolean | null; 
 };
 
 export type UpdateQuest = {
@@ -314,6 +315,7 @@ export type UpdateQuest = {
     href: string;
     image: string;
   };
+  mandatory_domain?: boolean | null; 
 };
 
 export type CreateBoost = {