Use selected language for SingleChoice options

UniversityOfHelsinkiCS · Mar 6, 2023 · 7374929 · 7374929
1 parent e4d8839
commit 7374929
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/client/components/Choices/SingleChoice.tsx b/src/client/components/Choices/SingleChoice.tsx
@@ -1,9 +1,16 @@
 import React from 'react'
 import { Controller } from 'react-hook-form'
 import { RadioGroup, FormControlLabel, Radio, Box } from '@mui/material'
-import { InputProps, SingleChoiceType } from '../../types'
 
-const SingleChoice = ({ control, watch, question, children }: InputProps) => {
+import { InputProps, Locales, SingleChoiceType } from '../../types'
+
+const SingleChoice = ({
+  control,
+  watch,
+  question,
+  children,
+  language,
+}: InputProps) => {
   if (question.visibility?.options) {
     const [...options] = question.visibility.options
 
@@ -26,7 +33,7 @@ const SingleChoice = ({ control, watch, question, children }: InputProps) => {
                   <FormControlLabel
                     key={singleOption.id as string}
                     value={singleOption.id}
-                    label={singleOption.label.en}
+                    label={singleOption.label[language as keyof Locales]}
                     control={<Radio />}
                   />
                 )