adding comments

src/components/node/NodeComments/index.tsx

@@ -4,17 +4,21 @@ import { Comment } from '../Comment';
 import { INode } from '~/redux/types';
 import { CommentForm } from '../CommentForm';
 import { Group } from '~/components/containers/Group';
+import * as styles from './styles.scss';
+import { Filler } from '~/components/containers/Filler';
 
 interface IProps {
   comments?: any;
 }
 
 const NodeComments: FC<IProps> = ({ comments }) => (
-  <Group>
-    {range(1, 6).map(el => (
-      <Comment key={el} />
+  <div className={styles.wrap}>
+    <Filler />
+
+    {comments.map(comment => (
+      <Comment key={comment.id} comment={comment} />
     ))}
-  </Group>
+  </div>
 );
 
 export { NodeComments };

src/components/node/NodeComments/styles.scss

@@ -0,0 +1,16 @@
+.wrap {
+  display: flex;
+  flex-direction: column-reverse !important;
+
+  & > div {
+    margin: ($gap / 2) 0;
+
+    &:last-child {
+      margin-top: 0;
+    }
+
+    &:first-child {
+      margin-bottom: 0;
+    }
+  }
+}