From 8836b561c0f154321ded8f0a8e70c43a09961596 Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Tue, 24 Oct 2023 19:01:13 +0100
Subject: [PATCH 1/2] updated system message design

---
 .../components/Chat/ChatMessage/ChatMessage.module.scss  | 9 ++++-----
 src/shared/components/Chat/ChatMessage/ChatMessage.tsx   | 8 --------
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
index 9da9e2e916..abeb5dd29c 100644
--- a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
+++ b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
@@ -58,6 +58,7 @@
   box-sizing: border-box;
   position: relative;
   text-align: start;
+  font-size: $small;
 
   &:hover {
     .menuArrowButton {
@@ -85,10 +86,9 @@
 }
 
 .systemMessage {
-  width: 100%;
-  max-width: unset;
-  min-width: unset;
-  background-color: $c-pink-light;
+  width: fit-content;
+  text-align: center;
+  font-size: $xxsmall-2;
 }
 
 .messageName {
@@ -102,7 +102,6 @@
 }
 
 .messageContent {
-  font-size: $small;
   color: $secondary-blue;
   word-wrap: break-word;
   white-space: pre-line;
diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.tsx b/src/shared/components/Chat/ChatMessage/ChatMessage.tsx
index c7a7274694..985258ebfc 100644
--- a/src/shared/components/Chat/ChatMessage/ChatMessage.tsx
+++ b/src/shared/components/Chat/ChatMessage/ChatMessage.tsx
@@ -475,14 +475,6 @@ export default function ChatMessage({
                 />
               )}
             </div>
-            {isSystemMessage && (
-              <Time
-                createdAtDate={createdAtDate}
-                editedAtDate={editedAtDate}
-                moderation={discussionMessage.moderation}
-                isNotCurrentUserMessage={isNotCurrentUserMessage}
-              />
-            )}
           </>
         )}
       </div>

From de1bc731a2f48113c9a9b7c0fc74181d53bf64d5 Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Wed, 25 Oct 2023 10:58:20 +0100
Subject: [PATCH 2/2] updated color text

---
 src/shared/components/Chat/ChatMessage/ChatMessage.module.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
index abeb5dd29c..065ea21b61 100644
--- a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
+++ b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
@@ -59,6 +59,7 @@
   position: relative;
   text-align: start;
   font-size: $small;
+  color: $secondary-blue;
 
   &:hover {
     .menuArrowButton {
@@ -89,6 +90,7 @@
   width: fit-content;
   text-align: center;
   font-size: $xxsmall-2;
+  color: $c-gray-60;
 }
 
 .messageName {
@@ -102,7 +104,6 @@
 }
 
 .messageContent {
-  color: $secondary-blue;
   word-wrap: break-word;
   white-space: pre-line;
   margin-right: 1rem;