added link video parse

src/components/AnswerModal.jsx

@@ -29,7 +29,7 @@ const AnswerModal = ({
     }) => {
 
     return (
-        <div class="modal fade myModal" className={classes.myModal} id="answerModal" tabIndex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" aria-hidden="true">
+        <div class="modal fade modal-lg myModal" className={classes.myModal} id="answerModal" tabIndex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" aria-hidden="true">
             <div class="modal-dialog myModal__dialog" className={classes.myModal__dialog}>
                 <div class="modal-content" className={classes.myModal__dialog__content}>
                     <div class="modal-header" className={classes.myModal__dialog__content__header}>

src/components/GeneratingFormFields.jsx

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import classes from "../assets/styles/generatingFormFields.module.scss";
 import MarkdownEditor from "@uiw/react-markdown-editor";
+import { parseTotalLinkVideo } from "../hooks/sundry/parseLinkVideo";
 
 const GeneratingFormFields = ({listBlock, listTypeAnswer, answers, updateAnswersForm}) => {
     return (
@@ -10,15 +11,21 @@ const GeneratingFormFields = ({listBlock, listTypeAnswer, answers, updateAnswers
                     <p className={classes.item__question__text}>{i + 1}) <MarkdownEditor.Markdown source={item.question}/></p>
                     <p className={classes.item__question__comment}>{item.comment}</p>
                     <div className={classes.item__question__video}>
-                        {item.video ? <iframe 
-                            width="300" 
-                            height="150" 
-                            src={item.video} 
-                            frameborder="0" 
-                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
-                            referrerpolicy="strict-origin-when-cross-origin" 
-                            allowfullscreen
-                        ></iframe> : <span></span>}
+                        {item.video ? 
+                            parseTotalLinkVideo(item.video).check ? 
+                                <iframe 
+                                    width="300" 
+                                    height="150" 
+                                    src={parseTotalLinkVideo(item.video).parseLink} 
+                                    frameborder="0" 
+                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                                    referrerpolicy="strict-origin-when-cross-origin" 
+                                    allowfullscreen
+                                ></iframe> : 
+                            <span className={classes.item__question__video__error}>
+                                Данный сервис неподдерживает использование их видео.
+                            </span> :
+                        <span></span>}
                     </div>
                 </div>
                 <div className={classes.item__answer}>

src/components/MarkDown.jsx

@@ -9,6 +9,7 @@ const MarkDown = ({mkValue, setMkValue}) => {
                 value={mkValue} 
                 onChange={(value, viewUpdate) => setMkValue(value)}
                 enablePreview={false}
+                visibleDragbar={false}
             />
         </div>