create files tag answer

src/components/AnswerModal.jsx

@@ -8,7 +8,7 @@ const AnswerModal = ({
     updateAnswerByForm,
     stateModal,
     saveStates, 
-    answer, 
+    question, 
     file,
     listTypeAnswer,
     optionAnswer,
@@ -20,7 +20,7 @@ const AnswerModal = ({
     mandatory,
     setMandatory,
     addOptionAnswer,
-    setAnswer,
+    setQuestion,
     setComment,
     setDatetime,
     setCurrentTypeAnswer,
@@ -43,7 +43,7 @@ const AnswerModal = ({
                     <div class="modal-body" className={classes.myModal__dialog__content__body}>
                         <div className={classes.myModal__dialog__content__body__answer}>
                             <span className={classes.myModal__dialog__content__body__answer__title}>Вопрос</span>
-                            <textarea className={classes.myModal__dialog__content__body__answer__text} value={answer} onChange={event => setAnswer(event.target.value)}></textarea>
+                            <textarea className={classes.myModal__dialog__content__body__answer__text} value={question} onChange={event => setQuestion(event.target.value)}></textarea>
                             <input 
                                 type="file" 
                                 multiple 

src/components/PreviewModal.jsx

@@ -1,10 +1,9 @@
 import React from "react";
 import classes from "../assets/styles/components/previewModal.module.scss";
-// import MyButton from "./MyButton.jsx";
 
-const PreviewModal = () => {
+const PreviewModal = ({newForm, listTypeAnswer}) => {
     return (
-        <div class="modal fade" className={classes.myModal} id="previewModal" tabIndex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" aria-hidden="true">
+        <div class="modal fade modal-lg" className={classes.myModal} id="previewModal" tabIndex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" aria-hidden="true">
             <div class="modal-dialog" className={classes.myModal__dialog}>
                 <div class="modal-content" className={classes.myModal__dialog__content}>
                     <div class="modal-header" className={classes.myModal__dialog__content__header}>
@@ -12,7 +11,19 @@ const PreviewModal = () => {
                         <i class="fa-solid fa-xmark" data-bs-dismiss="modal" aria-label="Close"></i>
                     </div>
                     <div class="modal-body" className={classes.myModal__dialog__content__body}>
-                        
+                        {newForm.map((item, i) => 
+                            <div className={classes.myModal__dialog__content__body__item} key={i}>
+                                <div className={classes.myModal__dialog__content__body__item__question}>
+                                    <p className={classes.myModal__dialog__content__body__item__question__text}>{i + 1}) {item.question}</p>
+                                    <p className={classes.myModal__dialog__content__body__item__question__comment}>{item.comment}</p>
+                                </div>
+                                <div className={classes.myModal__dialog__content__body__item__answer}>
+                                    {
+                                        listTypeAnswer.find(type => type.id === item.typeAnswer).typeTag({text: '55555'})
+                                    }
+                                </div>
+                            </div>
+                        )} 
                     </div>
                     <div class="modal-footer" className={classes.myModal__dialog__content__footer}>
 

src/components/typeAnswer/InputText.jsx

@@ -0,0 +1,12 @@
+import React from "react";
+import classes from "../../assets/styles/components/typeAnswer/inputText.module.scss"
+
+const InputText = (props) => {
+    return (
+        <div className={classes.main}>
+            <input type="text" placeholder={"Ответ"}/>
+        </div>
+    )
+}
+
+export default InputText;