fix: hide empty radiobuttons

src/ui_kit/QuizPreview/QuizPreviewLayout.tsx

@@ -160,5 +160,4 @@ export default function QuizPreviewLayout() {
       </Box>
     </Paper>
   );
-
 }

src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Date.tsx

@@ -2,19 +2,19 @@ import { Box, Typography } from "@mui/material";
 import LabeledDatePicker from "@ui_kit/LabeledDatePicker";
 import { QuizQuestionDate } from "model/questionTypes/date";
 
-
 interface Props {
   question: QuizQuestionDate;
 }
 
 export default function Date({ question }: Props) {
-
   return (
-        <Box sx={{
+    <Box
+      sx={{
         display: "flex",
         flexDirection: "column",
         gap: 1,
-        }}>
+      }}
+    >
       <Typography variant="h6">{question.title}</Typography>
       <LabeledDatePicker />
     </Box>

src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Emoji.tsx

@@ -31,7 +31,9 @@ export default function Emoji({ question }: Props) {
         value={value}
         onChange={handleChange}
       >
-        {question.content.variants.map((variant, index) => (
+        {question.content.variants
+          .filter(({ answer }) => answer)
+          .map((variant, index) => (
             <FormControlLabel
               key={index}
               value={variant.answer}

src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Images.tsx

@@ -53,7 +53,9 @@ export default function Images({ question }: Props) {
           gap: 1,
         }}
       >
-        {question.content.variants.map((variant, index) => (
+        {question.content.variants
+          .filter(({ answer }) => answer)
+          .map((variant, index) => (
             <ButtonBase
               key={index}
               onClick={() => handleVariantClick(index)}

src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx

@@ -1,9 +1,16 @@
 import ArrowDownIcon from "@icons/ArrowDownIcon";
-import { Box, FormControl, MenuItem, Select, SelectChangeEvent, Typography, useTheme } from "@mui/material";
+import {
+  Box,
+  FormControl,
+  MenuItem,
+  Select,
+  SelectChangeEvent,
+  Typography,
+  useTheme,
+} from "@mui/material";
 import { QuizQuestionSelect } from "model/questionTypes/select";
 import { useState } from "react";
 
-
 interface Props {
   question: QuizQuestionSelect;
 }
@@ -17,11 +24,13 @@ export default function Text({ question }: Props) {
   }
 
   return (
-        <Box sx={{
+    <Box
+      sx={{
         display: "flex",
         flexDirection: "column",
         gap: 1,
-        }}>
+      }}
+    >
       <Typography variant="h6">{question.title}</Typography>
       <FormControl
         fullWidth
@@ -79,7 +88,9 @@ export default function Text({ question }: Props) {
           }}
           IconComponent={(props) => <ArrowDownIcon {...props} />}
         >
-                    {question.content.variants.map(variant => (
+          {question.content.variants
+            .filter(({ answer }) => answer)
+            .map((variant) => (
               <MenuItem
                 key={variant.answer}
                 value={variant.answer}

src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Variant.tsx

@@ -25,29 +25,32 @@ export default function Variant({ question }: Props) {
 
   return (
     <FormControl fullWidth>
-            <FormLabel
+      <FormLabel id="quiz-question-radio-group" data-cy="variant-title">
-                id="quiz-question-radio-group"
+        {question.title}
-                data-cy="variant-title"
+      </FormLabel>
-            >{question.title}</FormLabel>
       <RadioGroup
         aria-labelledby="quiz-question-radio-group"
         value={value}
         onChange={handleChange}
       >
-                {question.content.variants.map((variant, index) => (
+        {question.content.variants
+          .filter(({ answer }) => answer)
+          .map((variant, index) => (
             <FormControlLabel
               key={index}
               value={variant.answer}
-                        control={<Radio
+              control={
+                <Radio
                   inputProps={{
                     "data-cy": "variant-radio",
                   }}
-                        />}
+                />
+              }
               label={
                 <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
-                                <Typography
+                  <Typography data-cy="variant-answer">
-                                    data-cy="variant-answer"
+                    {variant.answer}
-                                >{variant.answer}</Typography>
+                  </Typography>
                   <Tooltip title={variant.hints} placement="right">
                     <Box>
                       <InfoIcon />

src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Varimg.tsx

@@ -46,7 +46,9 @@ export default function Varimg({ question }: Props) {
           value={currentVariant?.answer ?? ""}
           onChange={handleChange}
         >
-          {question.content.variants.map((variant, index) => (
+          {question.content.variants
+            .filter(({ answer }) => answer)
+            .map((variant, index) => (
               <FormControlLabel
                 key={index}
                 value={variant.answer}