This commit is contained in:
Nastya 2024-12-29 02:19:00 +03:00
parent 9a34ef01de
commit 62935b3dc7

@ -13,6 +13,36 @@ type VariantProps = {
currentQuestion: QuizQuestionVariant;
};
let isCrutch23022025 = window.location.pathname === "/bf8cae3a-e150-479d-befa-7f264087b223";
// 23.02.2025
const crutchlist = {
115048: { x: 629, y: 491 },
115101: { x: 979, y: 980 },
115109: { x: 746, y: 745 },
115122: { x: 959, y: 960 },
115132: { x: 541, y: 541 },
115142: { x: 834, y: 544 },
115178: { x: 1127, y: 1127 },
115191: { x: 1106, y: 1106 },
115207: { x: 905, y: 906 },
115254: { x: 637, y: 637 },
115270: { x: 702, y: 703 },
115287: { x: 714, y: 715 },
115329: { x: 915, y: 916 },
115348: { x: 700, y: 701 },
115368: { x: 400, y: 300 },
115389: { x: 839, y: 840 },
115411: { x: 612, y: 610 },
115434: { x: 474, y: 473 },
115462: { x: 385, y: 385 },
115487: { x: 676, y: 677 },
115515: { x: 341, y: 341 },
115547: { x: 402, y: 403 },
115575: { x: 502, y: 503 },
115612: { x: 400, y: 300 },
115642: { x: 603, y: 603 },
};
export const Variant = ({ currentQuestion }: VariantProps) => {
const theme = useTheme();
const isMobile = useRootContainerSize() < 650;
@ -26,6 +56,8 @@ export const Variant = ({ currentQuestion }: VariantProps) => {
const Group = currentQuestion.content.multi ? FormGroup : RadioGroup;
//let isCrutch23022025Question = isCrutch23022025 && crutchlist.hasOwnProperty(currentQuestion.id)
useEffect(() => {
if (!ownVariant) {
updateOwnVariant(currentQuestion.id, "");
@ -58,7 +90,7 @@ export const Variant = ({ currentQuestion }: VariantProps) => {
sx={{
display: "flex",
gap: "20px",
flexDirection: isMobile ? "column-reverse" : undefined,
flexDirection: isCrutch23022025 ? "column" : isMobile ? "column-reverse" : undefined,
alignItems: isMobile ? "center" : undefined,
}}
>
@ -106,7 +138,11 @@ export const Variant = ({ currentQuestion }: VariantProps) => {
</Group>
{choiceImgUrlQuestion && choiceImgUrlQuestion !== " " && choiceImgUrlQuestion !== null && (
<Box
sx={{ maxWidth: "400px", width: "100%", height: "300px" }}
sx={{
maxWidth: isCrutch23022025 ? undefined : "400px",
width: isCrutch23022025 ? "auto" : "100%",
height: isCrutch23022025 ? "auto" : "300px",
}}
onClick={(event) => event.preventDefault()}
>
<img