mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-02-15 10:08:41 -06:00
Code Issues Packages Projects Releases 124 Wiki Activity

Feature : Toggle Multi-Select and Single-Select Question Types

Browse Source 
Feature : Toggle Multi-Select and Single-Select Question Types
This commit is contained in:
Johannes
2023-08-05 16:23:39 +02:00
committed by GitHub
parent ad42f4cc55 de3d580614
commit 5c9605f4af
3 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceMultiForm.tsx
View File

@@ -223,6 +223,15 @@ export default function MultipleChoiceMultiForm({
Add "Other"
</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

9
apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/MultipleChoiceSingleForm.tsx
View File

@@ -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

4
apps/web/components/preview/MultipleChoiceMultiQuestion.tsx
View File

@@ -39,7 +39,8 @@ export default function MultipleChoiceMultiQuestion({
.map((choice) => choice.label);
useEffect(() => {
const nonOtherSavedChoices = storedResponseValue?.filter((answer) =>
if(Array.isArray(storedResponseValue)){
const nonOtherSavedChoices = storedResponseValue?.filter((answer) =>
nonOtherChoiceLabels.includes(answer)
);
const savedOtherSpecified = storedResponseValue?.find((answer) => !nonOtherChoiceLabels.includes(answer));
@@ -50,6 +51,7 @@ export default function MultipleChoiceMultiQuestion({
setOtherSpecified(savedOtherSpecified);
setShowOther(true);
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [storedResponseValue, question.id]);