Merge branch 'dev' into 'staging'

смена текстов See merge request frontend/squiz!376
2024-11-22 15:10:52 +00:00 · 2024-11-22 15:10:52 +00:00 · ca2da99b15
commit ca2da99b15
parent 6db1e0c2bc 71e4a253a0
6 changed files with 141 additions and 96 deletions
--- a/src/pages/Questions/AnswerDraggableList/AnswerItem.tsx
+++ b/src/pages/Questions/AnswerDraggableList/AnswerItem.tsx
@ -74,6 +74,8 @@ const AnswerItem = memo<AnswerItemProps>(
                    setOwnPlaceholder(target.value || " ")
                    :
                    setQuestionVariantField(questionId, variant.id, "answer", target.value || " ");
+                  } else {
+                    enqueueSnackbar("Превышена длина вводимого текста")
                  }
                }}
                onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {
--- a/src/pages/Questions/Branching/QuestionSwitchWindowTool.tsx
+++ b/src/pages/Questions/Branching/QuestionSwitchWindowTool.tsx
@ -1,4 +1,4 @@
-import { Box, Skeleton, useMediaQuery, useTheme } from "@mui/material";
+import { Box, Skeleton, Typography, useMediaQuery, useTheme } from "@mui/material";
 import { deleteTimeoutedQuestions } from "@utils/deleteTimeoutedQuestions";
 import { lazy, Suspense, useCallback } from "react";
 import { DraggableList } from "../DraggableList";
@ -51,6 +51,7 @@ export const QuestionSwitchWindowTool = ({
              />
            }
          >
+            <Typography fontSize="20px" mb="25px">Настройки ветвления вопросов</Typography>
            <BranchingMap />
          </Suspense>
        ) : (
--- a/src/pages/Questions/DraggableList/QuestionPageCardTitle.tsx
+++ b/src/pages/Questions/DraggableList/QuestionPageCardTitle.tsx
@ -42,6 +42,7 @@ import { DeleteFunction } from "@utils/deleteFunc";
 import { FC, memo, useRef, useState } from "react";
 import type { DraggableProvidedDragHandleProps } from "react-beautiful-dnd";
 import { ChooseAnswerModal } from "./ChooseAnswerModal";
+import { enqueueSnackbar } from "notistack";

 const TextField = MuiTextField as unknown as FC<TextFieldProps>;

@ -124,11 +125,19 @@ const QuestionPageCardTitle = memo<Props>(function ({
            id="questionTitle"
            value={title}
            placeholder={"Заголовок вопроса"}
-            onChange={({ target }) => setTitle(target.value || " ")}
+            onChange={({ target }) => {
+              console.log(target.value.length)
+              if (target.value.length > maxLengthTextField) {
+                enqueueSnackbar("Превышена длина вводимого текста")
+              } else {
+                setTitle(target.value || " ")
+              }
+              
+            }}
            onFocus={handleInputFocus}
            onBlur={handleInputBlur}
            inputProps={{
-              maxLength: maxLengthTextField,
+              // maxLength: maxLengthTextField,
            }}
            InputProps={{
              startAdornment: (
--- a/src/pages/startPage/ModalSizeImage.tsx
+++ b/src/pages/startPage/ModalSizeImage.tsx
@ -15,6 +15,7 @@ import {
 import CloseIcon from "@mui/icons-material/Close";
 import * as React from "react";
 import { useState } from "react";
+import { wrap } from "module";

 export default function ModalSizeImage() {
  const theme = useTheme();
@ -25,27 +26,47 @@ export default function ModalSizeImage() {
  function createData(name: string, size: string) {
    return { name, size };
  }
-
+  
  const rows = [
-    createData("Прямая ссылка/домен", "1792х1509 px"),
-    createData("Модальное окно на сайте", "1380х1300 px"),
-    createData("Во ВКонтакте", "1166х1200 px"),
-    createData("Версия для планшета", "767х220 px"),
-    createData("Мобильная версия", "400х220 px"),
-    createData("Картинка для дизайна Centered", "900х490 px"),
-    createData("Картинка для дизайна Expanded", "1920х1080 px"),
+    createData("Стартовая \"Standard\" (десктоп)", "60% х 100%"),
+    createData("Стартовая \"Standard\" (мобилка)", "100% х 128 px"),
+    createData("Стартовая \"Centered\" (десктоп)", "844х306 px"),
+    createData("Стартовая \"Centered\" (планшет гориз.)", "844х530 px"),
+    createData("Стартовая \"Centered\" (планшет верт.)", "660х260 px"),
+    createData("Стартовая \"Centered\" (мобилка)", "100% х 128 px"),
+    createData("Логотип", "110 х 40 px"),
+    createData("\"Варианты с картинками\" (десктоп)", "317х257 px"),
+    createData("\"Варианты с картинками\" (планшет)", "455х257 px"),
+    createData("\"Варианты с картинками\" (мобилка)", "160х183 px"),
+    createData("\"Варианты и картинка\" (десктоп)", "450х450 px"),
+    createData("\"Варианты и картинка\" (мобилка)", "335х335 px"),
+    createData("\"Своё поле для ввода\" (десктоп)", "450х450 px"),
+    createData("\"Своё поле для ввода\" (мобилка)", "335х335 px"),
+    createData("\"Варианты\" (десктоп)", "450х450 px"),
+    createData("\"Варианты\" (мобилка)", "335х335 px"),
+    createData("Картинка для результата (десктоп)", "700х306 px"),
+    createData("Картинка для результата (мобилка)", "335х236 px"),
  ];
+  // const rows = [
+  //   createData("Прямая ссылка/домен", "1792х1509 px"),
+  //   createData("Модальное окно на сайте", "1380х1300 px"),
+  //   createData("Во ВКонтакте", "1166х1200 px"),
+  //   createData("Версия для планшета", "767х220 px"),
+  //   createData("Мобильная версия", "400х220 px"),
+  //   createData("Картинка для дизайна Centered", "900х490 px"),
+  //   createData("Картинка для дизайна Expanded", "1920х1080 px"),
+  // ];

-  const rows2 = [
-    createData("Вертикальный вариант", "180х240 px"),
-    createData("Квадратные", "240х240 px"),
-    createData("Варианты и картинка", "380х307 px"),
-    createData("Консультант", "140х140 px"),
-    createData("Логотип", "107х37 px"),
-    createData("Результаты", "1100х600 px"),
-    createData("Бонус", "200х60 px"),
-    createData('Картинка для формата вопроса "Страница"', "860х1250 px"),
-  ];
+  // const rows2 = [
+  //   createData("Вертикальный вариант", "180х240 px"),
+  //   createData("Квадратные", "240х240 px"),
+  //   createData("Варианты и картинка", "380х307 px"),
+  //   createData("Консультант", "140х140 px"),
+  //   createData("Логотип", "107х37 px"),
+  //   createData("Результаты", "1100х600 px"),
+  //   createData("Бонус", "200х60 px"),
+  //   createData('Картинка для формата вопроса "Страница"', "860х1250 px"),
+  // ];

  return (
    <>
@ -84,81 +105,87 @@ export default function ModalSizeImage() {
            p: 0,
          }}
        >
-          <Box
-            sx={{
-              display: "flex",
-              justifyContent: "space-between",
-              alignItems: "baseline",
-              backgroundColor: theme.palette.background.default,
-              padding: "10px 9px 17px 20px",
-              borderRadius: "12px 12px 0px 0px",
-            }}
-          >
-            <Typography variant={"h5"}>Размеры картинок</Typography>
-            <IconButton onClick={handleClose}>
-              <CloseIcon />
-            </IconButton>
-          </Box>
-          <Box sx={{ padding: "15px 20px 0px" }}>
-            <Typography
-              variant={"body2"}
-              sx={{ color: theme.palette.grey2.main, fontWeight: 400 }}
+            <Box
+              sx={{
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "baseline",
+                backgroundColor: theme.palette.background.default,
+                padding: "10px 9px 17px 20px",
+                borderRadius: "12px 12px 0px 0px",
+              }}
            >
-              Рекомендованный размер зависит от того, как вы будете чаще
-              использовать quiz:
-            </Typography>
-          </Box>
-          <Box sx={{ padding: "15px 40px 30px" }}>
-            {rows.map(({ name, size }, index) => (
-              <Box
-                key={name || index}
-                sx={{
-                  display: "flex",
-                  justifyContent: "space-between",
-                  gap: "6px",
-                  position: "relative",
-                  width: "100%",
-                  paddingBottom: "5px",
-                }}
-              >
-                <Box
-                  sx={{
-                    position: "absolute",
-                    top: 18,
-                    left: 0,
-                    right: 0,
-                    borderBottom: "solid 1px #F2F3F7",
-                  }}
-                />
-                <Box
-                  sx={{
-                    display: "block ruby",
-                    position: "relative",
-                    zIndex: 1,
-                    background: "white",
-                  }}
-                >
-                  <Typography variant={"body2"} fontWeight={400}>
-                    {name}
-                  </Typography>
-                </Box>
-                <Box
-                  sx={{
-                    display: "block ruby",
-                    position: "relative",
-                    zIndex: 1,
-                    background: "white",
-                  }}
-                >
-                  <Typography sx={{ whiteSpace: "nowrap" }} variant={"body2"}>
-                    {size}
-                  </Typography>
-                </Box>
-              </Box>
-            ))}
-          </Box>
-
+              <Typography variant={"h5"}>Размеры картинок</Typography>
+              <IconButton onClick={handleClose}>
+                <CloseIcon />
+              </IconButton>
+            </Box>
          <Box
+          overflow="auto"
+          height="auto"
+            maxHeight="650px"
+          >
+
+            <Box sx={{ padding: "15px 20px 0px" }}>
+              <Typography
+                variant={"body2"}
+                sx={{ color: theme.palette.grey2.main, fontWeight: 400 }}
+              >
+                Рекомендованный размер зависит от того, как вы будете чаще
+                использовать quiz:
+              </Typography>
+            </Box>
+            <Box sx={{ padding: "15px 40px 30px" }}>
+              {rows.map(({ name, size }, index) => (
+                <Box
+                  key={name || index}
+                  sx={{
+                    display: "flex",
+                    justifyContent: "space-between",
+                    gap: "6px",
+                    position: "relative",
+                    width: "100%",
+                    paddingBottom: "5px",
+                    flexWrap: "wrap"
+                  }}
+                >
+                  <Box
+                    sx={{
+                      position: "absolute",
+                      top: 18,
+                      left: 0,
+                      right: 0,
+                      borderBottom: "solid 1px #F2F3F7",
+                    }}
+                  />
+                  <Box
+                    sx={{
+                      display: "block ruby",
+                      position: "relative",
+                      zIndex: 1,
+                      background: "white",
+                    }}
+                  >
+                    <Typography variant={"body2"} fontWeight={400}>
+                      {name}
+                    </Typography>
+                  </Box>
+                  <Box
+                    sx={{
+                      display: "block ruby",
+                      position: "relative",
+                      zIndex: 1,
+                      background: "white",
+                    }}
+                  >
+                    <Typography sx={{ whiteSpace: "nowrap" }} variant={"body2"}>
+                      {size}
+                    </Typography>
+                  </Box>
+                </Box>
+              ))}
+            </Box>
+            {/* <Box
            sx={{
              backgroundColor: theme.palette.background.default,
              padding: "20px",
@ -214,7 +241,9 @@ export default function ModalSizeImage() {
                </Box>
              </Box>
            ))}
+          </Box> */}
          </Box>
+
        </Box>
      </Modal>
    </>
--- a/src/pages/startPage/extra.tsx
+++ b/src/pages/startPage/extra.tsx
@ -64,7 +64,8 @@ export default function Extra() {
            Дополнительно
          </Link>
        </Box>
-        {isExpanded && quiz && (
+        
+        {/* {isExpanded && quiz && (
          <Box
            sx={{
              backgroundColor: "transparent",
@ -89,7 +90,7 @@ export default function Extra() {
              onChange={mutationOrgMetaHC}
            />
          </Box>
-        )}
+        )} */}
      </Box>
    </Box>
  );
--- a/src/ui_kit/CustomTextField.tsx
+++ b/src/ui_kit/CustomTextField.tsx
@ -9,6 +9,7 @@ import {
  Typography,
  useTheme,
 } from "@mui/material";
+import { enqueueSnackbar } from "notistack";

 interface CustomTextFieldProps {
  placeholder: string;
@ -71,6 +72,8 @@ export default function CustomTextField({
      if (onChange) {
        onChange(event);
      }
+    } else {
+      enqueueSnackbar("Превышена длина вводимого текста")
    }
  };