1.0

src/components/comments-form/index.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import './style.css';
 
 const CommentsForm = ({ submitLabel, onSubmit, ...props }) => {
   const [text, setText] = useState('');
@@ -7,13 +8,14 @@ const CommentsForm = ({ submitLabel, onSubmit, ...props }) => {
     onSubmit({ text, parent: { _id: props.id, _type: props.type }, name: props.name });
   };
   return (
-    <form action="" onSubmit={onSubmitForm}>
+    <form className="Comments-form" action="" onSubmit={onSubmitForm}>
+      {props.type === 'comment' && <div className="Comments-form-title">Новый ответ</div>}
       <textarea
-        className="comment-form-textarea"
+        className="Comments-form-textarea"
         value={text}
         onChange={e => setText(e.target.value)}
       />
-      <button className="comment-form-button">отправить</button>
+      <button className="Сommentы-form-button">отправить</button>
     </form>
   );
 };

src/components/comments-form/style.css

@@ -0,0 +1,7 @@
+.Comments-form {
+    width: 100%;
+}
+.Comments-form-textarea {
+    width: 100%;
+    height: 76px;
+}

src/components/comments-item/index.js

@@ -30,8 +30,8 @@ const CommentsItem = props => {
 
 
   return (
-    <div className={cn('')}>
-      <div className={cn('container')} style={indentStyle}>
+    <div className={cn('')} style={indentStyle}>
+      <div className={cn('container')} >
         <div className={cn('author-date')}>
           <span className="author">{props.comment.author?.profile?.name || 'Имя не указано'}</span>{' '}
           <span className="date">{date}</span>
@@ -45,8 +45,8 @@ const CommentsItem = props => {
         ) : (
           `Войдите чтобы ответить`
         )}
-      </div>
-      {isReplying && <CommentsForm onSubmit={callbacks.onSubmit} id={props.id} type="comment" />}
+
+      {isReplying && <CommentsForm onSubmit={callbacks.onSubmit} id={props.id} type="comment" />}</div>
       {props.replies.length > 0 && (
         <div className={cn('replies-list')}>
           {props.replies.map(reply => (
@@ -60,7 +60,7 @@ const CommentsItem = props => {
                 onSubmit={callbacks.onSubmit}
                 onReply={callbacks.onReply}
                 comment={reply}
-                replies={props.getReplies(reply._id)}
+                replies={[]}
               />
             </div>
           ))}

src/containers/comments/index.js

@@ -43,7 +43,6 @@ const Comments = props => {
                 onSubmit={props.onSubmit}
                 id={rootComment._id}
                 type="comment"
-                getReplies={getReplies}
               />
             ))}
           </div>