diff --git a/src/pages/Questions/AnswerDraggableList/AnswerItem.tsx b/src/pages/Questions/AnswerDraggableList/AnswerItem.tsx index 6fb99fc3..e9f27d97 100644 --- a/src/pages/Questions/AnswerDraggableList/AnswerItem.tsx +++ b/src/pages/Questions/AnswerDraggableList/AnswerItem.tsx @@ -74,6 +74,8 @@ const AnswerItem = memo( setOwnPlaceholder(target.value || " ") : setQuestionVariantField(questionId, variant.id, "answer", target.value || " "); + } else { + enqueueSnackbar("Превышена длина вводимого текста") } }} onKeyDown={(event: KeyboardEvent) => { diff --git a/src/pages/Questions/Branching/QuestionSwitchWindowTool.tsx b/src/pages/Questions/Branching/QuestionSwitchWindowTool.tsx index 390c1d1d..9e3c4eb5 100644 --- 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 = ({ /> } > + Настройки ветвления вопросов ) : ( diff --git a/src/pages/Questions/DraggableList/QuestionPageCardTitle.tsx b/src/pages/Questions/DraggableList/QuestionPageCardTitle.tsx index 6d0a6be0..c62514d1 100644 --- 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; @@ -124,11 +125,19 @@ const QuestionPageCardTitle = memo(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: ( diff --git a/src/pages/startPage/ModalSizeImage.tsx b/src/pages/startPage/ModalSizeImage.tsx index ae9fa94b..8693ee1e 100644 --- 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, }} > - - Размеры картинок - - - - - - - Рекомендованный размер зависит от того, как вы будете чаще - использовать quiz: - - - - {rows.map(({ name, size }, index) => ( - - - - - {name} - - - - - {size} - - - - ))} - - + Размеры картинок + + + + + + + + Рекомендованный размер зависит от того, как вы будете чаще + использовать quiz: + + + + {rows.map(({ name, size }, index) => ( + + + + + {name} + + + + + {size} + + + + ))} + + {/* ))} + */} + diff --git a/src/pages/startPage/extra.tsx b/src/pages/startPage/extra.tsx index 006518f3..8b1dd1d3 100644 --- a/src/pages/startPage/extra.tsx +++ b/src/pages/startPage/extra.tsx @@ -64,7 +64,8 @@ export default function Extra() { Дополнительно - {isExpanded && quiz && ( + + {/* {isExpanded && quiz && ( - )} + )} */} ); diff --git a/src/ui_kit/CustomTextField.tsx b/src/ui_kit/CustomTextField.tsx index 5090f98e..900eb433 100755 --- 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("Превышена длина вводимого текста") } };