feat: 質問への回答を必須にするボタンを追加

GiganticMinecraft · May 1, 2024 · 2dc1864 · 2dc1864
1 parent 9bcc121
commit 2dc1864
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/app/(authed)/admin/forms/create/_components/Question.tsx b/src/app/(authed)/admin/forms/create/_components/Question.tsx
@@ -2,12 +2,14 @@ import { Add } from '@mui/icons-material';
 import DeleteIcon from '@mui/icons-material/Delete';
 import {
   Button,
+  FormControlLabel,
   IconButton,
   MenuItem,
   Stack,
   TextField,
   Typography,
 } from '@mui/material';
+import Checkbox from '@mui/material/Checkbox';
 import { useCallback } from 'react';
 import { useController, useFieldArray, useWatch } from 'react-hook-form';
 import type { Form } from '../_schema/createFormSchema';
@@ -103,6 +105,13 @@ const QuestionComponent = ({
         <MenuItem value="SINGLE">単一選択</MenuItem>
         <MenuItem value="MULTIPLE">複数選択</MenuItem>
       </TextField>
+      <FormControlLabel
+        label="この質問への回答を必須にする"
+        control={
+          <Checkbox {...register(`questions.${questionId}.is_required`)} />
+        }
+        required
+      />
       <Button
         variant="outlined"
         startIcon={<Add />}