From 051e9ee4ac29ccf222cb02e63f8c8ac1a5f02a9e Mon Sep 17 00:00:00 2001
From: Tamara <tamara.zelenko555@yandex.ru>
Date: Thu, 15 Feb 2024 04:20:35 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=BE=D1=81=20?=
 =?UTF-8?q?=D0=B7=D0=B0=D0=B3=D0=BE=D0=BB=D0=BE=D0=B2=D0=BA=D0=BE=D0=B2=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B8=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BF=D0=BE=D0=BB?=
 =?UTF-8?q?=D0=BD=D0=B5=D0=BD=D0=B8=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/components/ViewPublicationPage/ContactForm.tsx       | 2 ++
 lib/components/ViewPublicationPage/questions/Date.tsx    | 2 +-
 lib/components/ViewPublicationPage/questions/Emoji.tsx   | 2 +-
 lib/components/ViewPublicationPage/questions/File.tsx    | 2 +-
 lib/components/ViewPublicationPage/questions/Images.tsx  | 2 +-
 lib/components/ViewPublicationPage/questions/Number.tsx  | 2 +-
 lib/components/ViewPublicationPage/questions/Page.tsx    | 4 ++--
 lib/components/ViewPublicationPage/questions/Rating.tsx  | 2 +-
 lib/components/ViewPublicationPage/questions/Select.tsx  | 2 +-
 lib/components/ViewPublicationPage/questions/Text.tsx    | 2 +-
 lib/components/ViewPublicationPage/questions/Variant.tsx | 2 +-
 lib/components/ViewPublicationPage/questions/Varimg.tsx  | 2 +-
 lib/components/ViewPublicationPage/tools/Select.tsx      | 3 ++-
 src/App.tsx                                              | 4 ++--
 14 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/lib/components/ViewPublicationPage/ContactForm.tsx b/lib/components/ViewPublicationPage/ContactForm.tsx
index 8ff8916..37ad04a 100644
--- a/lib/components/ViewPublicationPage/ContactForm.tsx
+++ b/lib/components/ViewPublicationPage/ContactForm.tsx
@@ -180,6 +180,7 @@ export const ContactForm = ({ currentQuestion, onShowResult }: Props) => {
                             m: "20px 0",
                             fontSize: "28px",
                             color: theme.palette.text.primary,
+                            wordBreak: "break-word"
                         }}
                     >
                         {settings.cfg.formContact.title ||
@@ -192,6 +193,7 @@ export const ContactForm = ({ currentQuestion, onShowResult }: Props) => {
                                 textAlign: "center",
                                 m: "20px 0",
                                 fontSize: "18px",
+                                wordBreak: "break-word"
                             }}
                         >
                             {settings.cfg.formContact.desc}
diff --git a/lib/components/ViewPublicationPage/questions/Date.tsx b/lib/components/ViewPublicationPage/questions/Date.tsx
index d3bb1aa..857c59f 100644
--- a/lib/components/ViewPublicationPage/questions/Date.tsx
+++ b/lib/components/ViewPublicationPage/questions/Date.tsx
@@ -27,7 +27,7 @@ export const Date = ({ currentQuestion }: DateProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>
                 {currentQuestion.title}
             </Typography>
             <Box
diff --git a/lib/components/ViewPublicationPage/questions/Emoji.tsx b/lib/components/ViewPublicationPage/questions/Emoji.tsx
index 42c3b23..6a69ff8 100644
--- a/lib/components/ViewPublicationPage/questions/Emoji.tsx
+++ b/lib/components/ViewPublicationPage/questions/Emoji.tsx
@@ -34,7 +34,7 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
             <RadioGroup
                 name={currentQuestion.id}
                 value={currentQuestion.content.variants.findIndex(
diff --git a/lib/components/ViewPublicationPage/questions/File.tsx b/lib/components/ViewPublicationPage/questions/File.tsx
index 07f7903..da859a0 100644
--- a/lib/components/ViewPublicationPage/questions/File.tsx
+++ b/lib/components/ViewPublicationPage/questions/File.tsx
@@ -184,7 +184,7 @@ export const File = ({ currentQuestion }: FileProps) => {
     return (
         <>
             <Box>
-                <Typography variant="h5" color={theme.palette.text.primary}>{currentQuestion.title}</Typography>
+                <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
                 <Box
                     sx={{
                         display: "flex",
diff --git a/lib/components/ViewPublicationPage/questions/Images.tsx b/lib/components/ViewPublicationPage/questions/Images.tsx
index 56b80bd..6eac749 100644
--- a/lib/components/ViewPublicationPage/questions/Images.tsx
+++ b/lib/components/ViewPublicationPage/questions/Images.tsx
@@ -31,7 +31,7 @@ export const Images = ({ currentQuestion }: ImagesProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
             <RadioGroup
                 name={currentQuestion.id}
                 value={currentQuestion.content.variants.findIndex(
diff --git a/lib/components/ViewPublicationPage/questions/Number.tsx b/lib/components/ViewPublicationPage/questions/Number.tsx
index c9a9846..7658f46 100644
--- a/lib/components/ViewPublicationPage/questions/Number.tsx
+++ b/lib/components/ViewPublicationPage/questions/Number.tsx
@@ -353,7 +353,7 @@ export const Number = ({ currentQuestion }: NumberProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>
                 {currentQuestion.title}
             </Typography>
             <Box
diff --git a/lib/components/ViewPublicationPage/questions/Page.tsx b/lib/components/ViewPublicationPage/questions/Page.tsx
index 42d034c..ebb72cb 100644
--- a/lib/components/ViewPublicationPage/questions/Page.tsx
+++ b/lib/components/ViewPublicationPage/questions/Page.tsx
@@ -12,8 +12,8 @@ export const Page = ({ currentQuestion }: PageProps) => {
 
   return (
     <Box>
-      <Typography variant="h5" sx={{ paddingBottom: "25px", color: theme.palette.text.primary }}>{currentQuestion.title}</Typography>
-        <Typography color={theme.palette.text.primary}>{currentQuestion.content.text}</Typography>
+      <Typography variant="h5" sx={{ paddingBottom: "25px", color: theme.palette.text.primary }} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
+        <Typography color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.content.text}</Typography>
       <Box
         sx={{
           display: "flex",
diff --git a/lib/components/ViewPublicationPage/questions/Rating.tsx b/lib/components/ViewPublicationPage/questions/Rating.tsx
index f5b9f47..750300a 100644
--- a/lib/components/ViewPublicationPage/questions/Rating.tsx
+++ b/lib/components/ViewPublicationPage/questions/Rating.tsx
@@ -71,7 +71,7 @@ export const Rating = ({ currentQuestion }: RatingProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
             <Box
                 sx={{
                     display: "inline-flex",
diff --git a/lib/components/ViewPublicationPage/questions/Select.tsx b/lib/components/ViewPublicationPage/questions/Select.tsx
index 8c4e25c..a7dd21d 100644
--- a/lib/components/ViewPublicationPage/questions/Select.tsx
+++ b/lib/components/ViewPublicationPage/questions/Select.tsx
@@ -24,7 +24,7 @@ export const Select = ({ currentQuestion }: SelectProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
             <Box
                 sx={{
                     display: "flex",
diff --git a/lib/components/ViewPublicationPage/questions/Text.tsx b/lib/components/ViewPublicationPage/questions/Text.tsx
index f806287..7698e12 100644
--- a/lib/components/ViewPublicationPage/questions/Text.tsx
+++ b/lib/components/ViewPublicationPage/questions/Text.tsx
@@ -37,7 +37,7 @@ export const Text = ({ currentQuestion }: TextProps) => {
     }, 400);
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
             <Box
                 sx={{
                     display: "flex",
diff --git a/lib/components/ViewPublicationPage/questions/Variant.tsx b/lib/components/ViewPublicationPage/questions/Variant.tsx
index 5dc732c..cee7f36 100644
--- a/lib/components/ViewPublicationPage/questions/Variant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Variant.tsx
@@ -68,7 +68,7 @@ export const Variant = ({ currentQuestion }: VariantProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
             <Box sx={{ display: "flex", gap: "20px",
                 flexDirection: isMobile ? "column-reverse" : undefined, alignItems: isMobile ? "center" : undefined}}>
                 <Group
diff --git a/lib/components/ViewPublicationPage/questions/Varimg.tsx b/lib/components/ViewPublicationPage/questions/Varimg.tsx
index 561d237..fb05f19 100644
--- a/lib/components/ViewPublicationPage/questions/Varimg.tsx
+++ b/lib/components/ViewPublicationPage/questions/Varimg.tsx
@@ -39,7 +39,7 @@ export const Varimg = ({ currentQuestion }: VarimgProps) => {
 
     return (
         <Box>
-            <Typography variant="h5" color={theme.palette.text.primary}>{currentQuestion.title}</Typography>
+            <Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
             <Box sx={{
                 display: "flex",
                 marginTop: "20px",
diff --git a/lib/components/ViewPublicationPage/tools/Select.tsx b/lib/components/ViewPublicationPage/tools/Select.tsx
index 62be219..35b378a 100644
--- a/lib/components/ViewPublicationPage/tools/Select.tsx
+++ b/lib/components/ViewPublicationPage/tools/Select.tsx
@@ -135,7 +135,8 @@ export const Select = ({
               padding: "10px",
               borderRadius: "5px",
               color: colorPlaceholder,
-              whiteSpace: "normal"
+              whiteSpace: "normal",
+              wordBreak: "break-word"
             }}
           >
             {item}
diff --git a/src/App.tsx b/src/App.tsx
index 7338696..c1c6d7e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,8 +8,8 @@ import useSWR from "swr";
 import QuizAnswerer from "../lib/components/QuizAnswerer";
 import { ApologyPage } from "../lib/components/ViewPublicationPage/ApologyPage";
 
-const defaultQuizId = "0c568ac9-d176-491b-b6cd-5afd31254951"; // branching
-//const defaultQuizId = "9ed8d0e9-d355-4fc1-8b89-4f962e3efc52"; //looooong header
+//const defaultQuizId = "0c568ac9-d176-491b-b6cd-5afd31254951"; // branching
+const defaultQuizId = "d7c940fe-1e44-41a0-bbac-5f304c51a1e4"; //looooong header
 // const defaultQuizId = "ad7f5a87-b833-4f5b-854e-453706ed655c"; // linear
 
 export default function App() {