From 41340d7b6d166aa58291738049f716b01e363a1b Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Sun, 22 Jun 2025 16:03:26 +0300
Subject: [PATCH] =?UTF-8?q?=D1=82=D0=B5=D0=BA=D1=81=D1=82=20=D0=B2=20?=
 =?UTF-8?q?=D0=90=D0=98=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD?=
 =?UTF-8?q?=D1=8B=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/questionsPage/plus.tsx       |  5 +--
 .../PersonalizationAI/PersonalizationAI.tsx   | 32 +++++++++++++------
 .../EmojiAnswerItem/VariantAdornment.tsx      |  8 ++++-
 3 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/src/assets/icons/questionsPage/plus.tsx b/src/assets/icons/questionsPage/plus.tsx
index 98b7fa83..7c09aa75 100644
--- a/src/assets/icons/questionsPage/plus.tsx
+++ b/src/assets/icons/questionsPage/plus.tsx
@@ -1,6 +1,6 @@
-import { Box } from "@mui/material";
+import { Box, type SxProps} from "@mui/material";
 
-export default function Plus() {
+export default function Plus(sx:SxProps) {
   return (
     <Box
       sx={{
@@ -9,6 +9,7 @@ export default function Plus() {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
+        ...sx
       }}
     >
       <svg
diff --git a/src/pages/PersonalizationAI/PersonalizationAI.tsx b/src/pages/PersonalizationAI/PersonalizationAI.tsx
index c80b744a..fa20c796 100644
--- a/src/pages/PersonalizationAI/PersonalizationAI.tsx
+++ b/src/pages/PersonalizationAI/PersonalizationAI.tsx
@@ -261,7 +261,7 @@ export default function PersonalizationAI() {
     // Создаем новую ссылку после обновления данных
     await createNewLink();
 
-    
+
     // Обновляем данные квиза после успешной оплаты
     console.log("Обновляем данные квиза после оплаты");
     const [quizes, quizesError] = await quizApi.getList();
@@ -288,13 +288,27 @@ export default function PersonalizationAI() {
           wordSpacing: "0.1px",
           lineHeight: "21.4px"
         }}>
-Данный раздел позволяет вам создавать персонализированный опрос под каждую целевую аудиторию отдельно, наш AI перефразирует ваши вопросы согласно настройкам.
-Для этого нужно выбрать пол и возраст вашей аудитории и получите персональную ссылку с нужными настройками в списке ниже. 
-
-Так же вы можете обогатить свою ссылку UTM метками в поле "вставьте свою ссылку"и этим метки применятся ко всем вашим ссылкам. 
-
-ВАЖНО: если ваши вопросы уже подходят целевой аудитории, то персонализированы они скорее всего не будут.        {/* Первый белый блок */}
-</Typography>
+          Данный раздел позволяет вам создавать персонализированный опрос под каждую целевую аудиторию отдельно, наш AI перефразирует ваши вопросы согласно настройкам.
+          Для этого нужно выбрать пол и возраст вашей аудитории и получите персональную ссылку с нужными настройками в списке ниже. 
+        </Typography>
+        <Typography sx={{
+          color: theme.palette.grey3.main, fontSize: "18px", maxWidth: 796, m: 0,
+          mt: "19px",
+          letterSpacing: "0.009px",
+          wordSpacing: "0.1px",
+          lineHeight: "21.4px"
+        }}>
+          Так же вы можете обогатить свою ссылку UTM метками в поле "вставьте свою ссылку" и эти метки применятся ко всем вашим ссылкам. 
+        </Typography>
+        <Typography sx={{
+          color: theme.palette.grey3.main, fontSize: "18px", maxWidth: 796, m: 0,
+          mt: "19px",
+          letterSpacing: "0.009px",
+          wordSpacing: "0.1px",
+          lineHeight: "21.4px"
+        }}>
+          ВАЖНО: если ваши вопросы уже подходят целевой аудитории, то персонализированы они скорее всего не будут.
+        </Typography>
         <Box sx={{
           bgcolor: "#fff",
           borderRadius: "12px",
@@ -317,7 +331,7 @@ export default function PersonalizationAI() {
           <Box sx={{ mt: "34px" }}>
             <Box sx={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
               <Typography sx={{ color: theme.palette.grey3.main, fontSize: "18px", fontWeight: 500 }}>Ссылка</Typography>
-              <TooltipClickInfo title={`Данное поле создано для обогащения utm метками вашей ссылки. Нужно скопировать ссылку вашего квиза, задать настройки ца, вставить ссылку в поле, прописать метки(советуем использовать динамические),  и нажать "ок" выше поля. Метки будут применены ко всем ссылкам с персонализацией в рамках данного квиза.`}/>
+              <TooltipClickInfo title={`Данное поле создано для обогащения utm метками вашей ссылки. Нужно скопировать ссылку вашего квиза, задать настройки ца, вставить ссылку в поле, прописать метки(советуем использовать динамические),  и нажать "ок" выше поля. Метки будут применены ко всем ссылкам с персонализацией в рамках данного квиза.`} />
               {/* <InfoPopover  >
                 <Typography sx={{maxWidth: "300px"}} >
                 Данное поле создано для обогащения utm метками вашей ссылки. Нужно скопировать ссылку вашего квиза, задать настройки ца, вставить ссылку в поле, прописать метки(советуем использовать динамические),  и нажать "ок" выше поля. Метки будут применены ко всем ссылкам с персонализацией в рамках данного квиза.
diff --git a/src/pages/Questions/Emoji/EmojiAnswerItem/VariantAdornment.tsx b/src/pages/Questions/Emoji/EmojiAnswerItem/VariantAdornment.tsx
index c853a4e2..701755c0 100644
--- a/src/pages/Questions/Emoji/EmojiAnswerItem/VariantAdornment.tsx
+++ b/src/pages/Questions/Emoji/EmojiAnswerItem/VariantAdornment.tsx
@@ -10,6 +10,8 @@ export default function VariantAdornment({
   onClick: MouseEventHandler<HTMLDivElement>;
   extendedText: string;
 }) {
+
+  console.log("VariantAdornment extendedText", extendedText)
   return (
     <Box sx={{ cursor: "pointer" }}>
       <Box data-cy="choose-emoji-button" onClick={onClick}>
@@ -43,7 +45,11 @@ export default function VariantAdornment({
                 {extendedText}
               </Box>
               <Box>
-                <PlusImage />
+                <PlusImage 
+                sx={{
+                  transform: extendedText ? "rotate(45)" : ""
+                }}
+                />
               </Box>
             </Box>
           ) : (