dd

src/Components/MeetAuthPage/index.jsx

@@ -7,13 +7,28 @@ import avatar from '../../img/MeetPage/avatar.png';
 import Card from "../Card";
 import Grid from '@mui/material/Grid';
 import Box from '@mui/material/Box';
-
-
+import { useState, CSSProperties, useEffect, useRef } from "react";
+import newAvatar from '../../img/MeetPage/newAvatar.png';
 import vk from '../../img/MeetPage/Vk.png';
 import tg from '../../img/MeetPage/Telegram.png';
 import book from '../../img/MeetPage/Book.png';
 const MeetPage = () => {
 
+    // const textAreaRef = useRef<HTMLTextAreaElement>(null);
+    // const [text, setText] = useState("");
+    // const [textAreaHeight, setTextAreaHeight] = useState("auto");
+    // const [parentHeight, setParentHeight] = useState("auto");
+  
+    // const parentStyle= {
+    //   minHeight: parentHeight,
+    // };
+  
+    // const textAreaStyle= {
+    //   height: textAreaHeight,
+    // };
+
+  
+
     return (
         <>
             <Header></Header>
@@ -73,6 +88,42 @@ const MeetPage = () => {
                     </div>
                 </div>
                 
+            </section>
+            <section className={styles.comments}>
+                <div className={styles.comments__title}>Комментарии</div>
+                <div className={styles.newInputContainer}>
+                    <div className={styles.comments__number}>3 КОММЕНТАРИЯ</div>
+                    <div className={styles.comments__input_container}>
+                        <div className={styles.comments__input_img_container}>
+                            <img className={styles.comments__input_img} src={newAvatar} alt='avatar'></img>
+                            <div style={parentStyle}>
+                            <textarea
+                            ref={textAreaRef}
+                            style={textAreaStyle}
+                            rows={1}
+                            />
+                        </div>
+                        </div>
+                        <div className={styles.comments__button_container}>
+                            <button className={styles.comments__button}>ОТПРАВИТЬ</button>
+                        </div>
+                    </div>
+                    <div className={styles.comments__all_container}>
+                        <div className={styles.oneComment__container}>
+                            <div className={styles.oneComment__img}><img alt='avatar' src={newAvatar}></img></div>
+                            <div className={styles.oneComment__descr_container}>
+                                <div className={styles.oneComment__descr_title_container}>
+                                    <div className={styles.oneComment__descr_title}><span className={styles.yellowSpan}>Д</span>митрий Кирсанов</div>
+                                    <div className={styles.oneComment__descr_time}>4 мая 1990, 00:00</div>
+                                </div>
+                                <div className={styles.oneComment__descr}>
+                                    Хорошее мероприятие, специалист знает свое дело
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                
             </section>
             <section className={styles.someMeetings}>
             <div className={styles.someMeetings__title}>Еще мероприятия</div>