From 4439b6693c08408502967e5188df929058b00e47 Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Fri, 16 Sep 2022 15:01:36 +0200
Subject: [PATCH] added `CommentCreator`

---
 .../src/components/CommentCreator/index.jsx   | 13 +++++++++++
 .../src/components/CommentCreator/index.less  | 22 +++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 packages/app/src/components/CommentCreator/index.jsx
 create mode 100644 packages/app/src/components/CommentCreator/index.less

diff --git a/packages/app/src/components/CommentCreator/index.jsx b/packages/app/src/components/CommentCreator/index.jsx
new file mode 100644
index 00000000..488f488b
--- /dev/null
+++ b/packages/app/src/components/CommentCreator/index.jsx
@@ -0,0 +1,13 @@
+import React from "react"
+import * as antd from "antd"
+
+import "./index.less"
+
+export default (props) => {
+    return <div className="commentCreator">
+        <antd.Input.TextArea
+            placeholder="Write a comment..."
+            autoSize={{ minRows: 2, maxRows: 5 }}
+        />
+    </div>
+}
\ No newline at end of file
diff --git a/packages/app/src/components/CommentCreator/index.less b/packages/app/src/components/CommentCreator/index.less
new file mode 100644
index 00000000..149056c2
--- /dev/null
+++ b/packages/app/src/components/CommentCreator/index.less
@@ -0,0 +1,22 @@
+.commentCreator {
+    display: flex;
+
+    flex-direction: column;
+
+    align-items: right;
+
+    width: 100%;
+    height: 100%;
+
+    .ant-input {
+        background-color: var(--background-color-accent) !important;
+
+        border: none !important;
+        outline: none !important;
+    }
+
+    .ant-btn {
+        width: fit-content;
+        margin-top: 20px;
+    }
+}
\ No newline at end of file