feat: let admin choose whether to support multiple responses for cust…

…om options or not
NEUROFUSIONInc · Jan 6, 2025 · 98f0af6 · 98f0af6
1 parent 186ea0c
commit 98f0af6
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 1 deletion.
diff --git a/frontend/src/@types/index.ts b/frontend/src/@types/index.ts
@@ -136,6 +136,7 @@ export type PromptAdditionalMeta = {
   category?: string;
   isNotificationActive?: boolean;
   customOptionText?: string; // ; separated list of options
+  singleResponse?: boolean;
   questId?: string;
   notifyCondition?: PromptNotifyCondition;
 };

diff --git a/frontend/src/components/quest/addprompts.tsx b/frontend/src/components/quest/addprompts.tsx
@@ -35,6 +35,7 @@ const AddPromptModal: React.FC<AddPromptModalProps> = ({
   const [customOptions, setCustomOptions] = useState<string[]>(
     prompt.additionalMeta.customOptionText ? prompt.additionalMeta.customOptionText.split(";") : []
   );
+  const [singleResponse, setSingleResponse] = useState(prompt.additionalMeta.singleResponse);
   const [responseType, setResponseType] = useState<PromptResponseType | null>(prompt.responseType);
   const [category, setCategory] = useState<string | null>(prompt.additionalMeta.category ?? null);
   const [countPerDay, setCountPerDay] = useState<number | undefined>();
@@ -67,6 +68,7 @@ const AddPromptModal: React.FC<AddPromptModalProps> = ({
       additionalMeta: {
         category: category ?? "",
         customOptionText: customOptions.join(";"),
+        singleResponse: singleResponse,
       }, // Initialize with an empty object
     };
 
@@ -194,6 +196,28 @@ const AddPromptModal: React.FC<AddPromptModalProps> = ({
                     </span>
                   ))}
                 </div>
+                <div className="flex flex-col">
+                  <label htmlFor="singleResponse" className="ml-2 text-sm font-medium text-gray-900 dark:text-white">
+                    Allow multiple responses
+                  </label>
+                  <select
+                    id="singleResponse"
+                    value={singleResponse ? "no" : "yes"}
+                    onChange={(e) => {
+                      if (e.target.value === "yes") {
+                        setSingleResponse(false);
+                      } else {
+                        setSingleResponse(true);
+                      }
+                    }}
+                    className="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-indigo-500 focus:ring-indigo-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-indigo-500 dark:focus:ring-indigo-500"
+                  >
+                    <option value="yes" selected>
+                      Yes
+                    </option>
+                    <option value="no">No</option>
+                  </select>
+                </div>
               </div>
             )}
           </label>

diff --git a/mobile/src/@types/index.ts b/mobile/src/@types/index.ts
@@ -28,6 +28,7 @@ export type PromptAdditionalMeta = {
   category?: string;
   isNotificationActive?: boolean;
   customOptionText?: string; // ; separated list of options
+  singleResponse?: boolean; // if true, only one response is allowed during custom option selection
   questId?: string;
   notifyCondition?: PromptNotifyCondition;
 };

diff --git a/mobile/src/pages/prompt-entry.tsx b/mobile/src/pages/prompt-entry.tsx
@@ -548,7 +548,10 @@ export function PromptEntryScreen() {
                           title={option}
                           isActive={userResponse.split(";").includes(option)}
                           handleValueChange={() => {
-                            if (prompt.additionalMeta.questId) {
+                            if (
+                              prompt.additionalMeta.questId &&
+                              prompt.additionalMeta.singleResponse
+                            ) {
                               // only allow single question response
                               setUserResponse(option);
                             } else {