Merge pull request #2242 from daostack/cw-2238-updated-system-message…

…-design change system messages design #2238
daostack · Oct 25, 2023 · 1b5b75d · 1b5b75d
2 parents 441d1e0 + de1bc73
commit 1b5b75d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 14 deletions.
diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
@@ -58,6 +58,8 @@
   box-sizing: border-box;
   position: relative;
   text-align: start;
+  font-size: $small;
+  color: $secondary-blue;
 
   &:hover {
     .menuArrowButton {
@@ -85,10 +87,10 @@
 }
 
 .systemMessage {
-  width: 100%;
-  max-width: unset;
-  min-width: unset;
-  background-color: $c-pink-light;
+  width: fit-content;
+  text-align: center;
+  font-size: $xxsmall-2;
+  color: $c-gray-60;
 }
 
 .messageName {
@@ -102,8 +104,6 @@
 }
 
 .messageContent {
-  font-size: $small;
-  color: $secondary-blue;
   word-wrap: break-word;
   white-space: pre-line;
   margin-right: 1rem;

diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.tsx b/src/shared/components/Chat/ChatMessage/ChatMessage.tsx
@@ -454,14 +454,6 @@ export default function ChatMessage({
                 />
               )}
             </div>
-            {isSystemMessage && (
-              <Time
-                createdAtDate={createdAtDate}
-                editedAtDate={editedAtDate}
-                moderation={discussionMessage.moderation}
-                isNotCurrentUserMessage={isNotCurrentUserMessage}
-              />
-            )}
           </>
         )}
       </div>