diff --git a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx index b6f9e72..525b0e8 100644 --- a/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx +++ b/lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx @@ -66,6 +66,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP backgroundColor: theme.palette.primary.main, }, scrollbarColor: theme.palette.primary.main, + overflow: "auto", }} value={ownAnswer} onClick={(e: React.MouseEvent) => e.stopPropagation()} @@ -171,6 +172,17 @@ export const EmojiVariant = ({ {variant.extendedText && {variant.extendedText}} + {own && ( + + Введите свой ответ + + )} + {own && ( + + Введите свой ответ + + )} + <> + + Введите свой ответ + + + ) : ( variant.answer ) diff --git a/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx b/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx index 6269dbd..90f2029 100644 --- a/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx +++ b/lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx @@ -1,6 +1,16 @@ import type { QuestionVariant } from "@/model/questionTypes/shared"; import { useQuizSettings } from "@contexts/QuizDataContext"; -import { FormControlLabel, TextareaAutosize, Radio, useTheme, Box, Input } from "@mui/material"; +import { + FormControlLabel, + TextareaAutosize, + Radio, + useTheme, + Box, + Input, + FormControl, + InputLabel, + Typography, +} from "@mui/material"; import { useQuizViewStore } from "@stores/quizView"; import RadioCheck from "@ui_kit/RadioCheck"; import RadioIcon from "@ui_kit/RadioIcon"; @@ -54,6 +64,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP }, scrollbarColor: theme.palette.primary.main, maxHeight: "44px", + overflow: "auto", }} value={ownAnswer} onClick={(e: React.MouseEvent) => e.stopPropagation()} @@ -104,67 +115,145 @@ export const VarimgVariant = ({ } }; - return ( - - ) : ( - variant.answer - ) - } - control={ - } - icon={} + if (variant?.isOwn) { + return ( + + + Введите свой ответ + + + + ) : ( + variant.answer + ) + } + control={ + } + icon={} + /> + } /> - } - /> - ); + + ); + } else { + return ( + + ) : ( + variant.answer + ) + } + control={ + } + icon={} + /> + } + /> + ); + } };