From 49196829094c860aee797f0cc485cc3b5efe954a Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Fri, 16 Sep 2022 15:03:15 +0200
Subject: [PATCH] added `CommentsCards`

---
 packages/app/src/pages/post/[post_id].jsx |  9 ++++++--
 packages/app/src/pages/post/index.less    | 25 +++++++++++++++++++++++
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/pages/post/[post_id].jsx b/packages/app/src/pages/post/[post_id].jsx
index 574b5844..14c48748 100644
--- a/packages/app/src/pages/post/[post_id].jsx
+++ b/packages/app/src/pages/post/[post_id].jsx
@@ -1,7 +1,7 @@
 import React from "react"
 import * as antd from "antd"
 
-import { PostCard } from "components"
+import { PostCard, CommentsCard } from "components"
 
 import "./index.less"
 
@@ -28,6 +28,11 @@ export default (props) => {
     }
 
     return <div className="fullPost">
-        <PostCard data={data} fullmode />
+        <div className="postWrapper">
+            <PostCard data={data} fullmode />
+        </div>
+        <div className="commentsWrapper">
+            <CommentsCard post_id={data._id} />
+        </div>
     </div>
 }
\ No newline at end of file
diff --git a/packages/app/src/pages/post/index.less b/packages/app/src/pages/post/index.less
index 0144a7ed..99f71ea9 100644
--- a/packages/app/src/pages/post/index.less
+++ b/packages/app/src/pages/post/index.less
@@ -1,3 +1,28 @@
 .fullPost {
     display: flex;
+    flex-direction: row;
+
+    width: 100%;
+    height: 100vh;
+
+    overflow: hidden;
+
+    .postWrapper {
+        height: 100vh;
+        width: 100%;
+
+        margin: 0 10px;
+    }
+
+    .commentsWrapper {
+        max-width: 600px;
+        min-width: 400px;
+
+        width: 40%;
+        height: 100vh;
+
+        overflow: scroll;
+
+        margin: 0 10px;
+    }
 }
\ No newline at end of file