From fa0696314127b3b916d2918a3d3a9f13082a1c23 Mon Sep 17 00:00:00 2001
From: Marco Bonomo <marco.bonomo@unguess.io>
Date: Fri, 26 Jan 2024 17:49:41 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(chat):=20remove=20unnecessar?=
 =?UTF-8?q?y=20text=20in=20chat=20message=20=F0=9F=90=9B=20fix(containers.?=
 =?UTF-8?q?tsx):=20remove=20duplicate=20styles=20for=20.ProseMirror?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stories/chat/index.stories.tsx    |  2 +-
 src/stories/chat/parts/containers.tsx | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/stories/chat/index.stories.tsx b/src/stories/chat/index.stories.tsx
index 4f87166f..be30dc40 100644
--- a/src/stories/chat/index.stories.tsx
+++ b/src/stories/chat/index.stories.tsx
@@ -168,7 +168,7 @@ const defaultArgs: EditorStoryArgs = {
       },
     },
     {
-      message: `Hi <mention data-type="mention" data-mention-id="1" data-mention-name="John Doe">@John Doe</mention>, I'm a comment too but with <strong>bold</strong> askdlhfksadhjfkljafshbcfkjsdhbkjdhfksjdfhabfshdbkfvhksdajhfbvhldsjfvdjshflkvdsbjhfjkvskfhbvasjhfksjbfvsdbvkjshvbkfasjhvfksjhfbkfbvksjhjvfshjvbsdhvdbvskjsdbhfkvsjbfjkvbsdfhwrap`,
+      message: `Hi <mention data-type="mention" data-mention-id="1" data-mention-name="John Doe">@John Doe</mention>, I'm a comment too but with <strong>bold</strong>`,
       date: " | 27 dic. 2023 | 12:00",
       author: {
         name: "Marco B.",
diff --git a/src/stories/chat/parts/containers.tsx b/src/stories/chat/parts/containers.tsx
index ba84073b..ea5ee1a6 100644
--- a/src/stories/chat/parts/containers.tsx
+++ b/src/stories/chat/parts/containers.tsx
@@ -30,14 +30,17 @@ export const EditorContainer = styled(FauxInput)<{ editable: boolean }>`
       : `
     margin-left: ${theme.space.sm};
     padding: ${`${theme.space.xxs} ${theme.space.xs}`};
+
+    .ProseMirror {
+      min-height: 36px;
+      outline: none;
+      max-height: 210px;
+      overflow-y: auto;
+    }
     `}
 
   .ProseMirror {
     background-color: transparent;
-    min-height: 36px;
-    outline: none;
-    max-height: 210px;
-    overflow-y: auto;
 
     ${editorStyle}
   }