From 0598ad2eaa1f28d0876e38cead55ef52d2734f80 Mon Sep 17 00:00:00 2001
From: Dhruwang <dhruwangjariwala18@gmail.com>
Date: Sat, 5 Aug 2023 12:39:48 +0530
Subject: [PATCH] Feat:Toggle Multi-Select and Single-Select Question Types

---
 .../surveys/[surveyId]/edit/MultipleChoiceMultiForm.tsx  | 9 +++++++++
 .../surveys/[surveyId]/edit/MultipleChoiceSingleForm.tsx | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceMultiForm.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceMultiForm.tsx
index e086541663..2c1f28ed64 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceMultiForm.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceMultiForm.tsx
@@ -223,6 +223,15 @@ export default function MultipleChoiceMultiForm({
                 Add &quot;Other&quot;
               </Button>
             )}
+            <Button
+              size="sm"
+              variant="minimal"
+              type="button"
+              onClick={() => {
+                updateQuestion(questionIdx, { type: "multipleChoiceSingle" });
+              }}>
+              Convert to Single Select
+            </Button>
 
             <div className="flex flex-1 items-center justify-end gap-2">
               <Select
diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceSingleForm.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceSingleForm.tsx
index db5bf4a460..bf8b42ac61 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceSingleForm.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceSingleForm.tsx
@@ -223,6 +223,15 @@ export default function MultipleChoiceSingleForm({
                 Add &quot;Other&quot;
               </Button>
             )}
+            <Button
+              size="sm"
+              variant="minimal"
+              type="button"
+              onClick={() => {
+                updateQuestion(questionIdx, { type: "multipleChoiceMulti" });
+              }}>
+              Convert to Multi Select
+            </Button>
 
             <div className="flex flex-1 items-center justify-end gap-2">
               <Select