Merge pull request #300 from AppQuality/develop

Fix editable comments in chat
AppQuality · Jan 19, 2024 · bb0ce39 · bb0ce39
2 parents b7dfea9 + 80ecdeb
commit bb0ce39
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/src/stories/chat/parts/comment.tsx b/src/stories/chat/parts/comment.tsx
@@ -19,12 +19,10 @@ const CommentCard = styled(Card)`
 `;
 
 const ReadOnly = styled.div`
+  cursor: text;
+
   > div {
-    background-color: ${({ theme }) => theme.palette.grey[100]};
-    &:focus {
-      box-shadow: none;
-      outline: none;
-    }
+    background-color: transparent;
     padding: 0;
   }
 `;
@@ -66,6 +64,10 @@ export const Comment = ({
 
   if (!ed) return null;
 
+  ed.setOptions({
+    editable: false,
+  });
+
   return (
     <CommentCard>
       <AuthorContainer>

diff --git a/src/stories/chat/parts/containers.tsx b/src/stories/chat/parts/containers.tsx
@@ -30,7 +30,6 @@ export const EditorContainer = styled(FauxInput)<{ editable: boolean }>`
       : `
     margin-left: ${theme.space.sm};
     padding: ${`${theme.space.xxs} ${theme.space.xs}`};
-      
     `}
 
   .ProseMirror {

diff --git a/src/stories/shared/editorStyle.tsx b/src/stories/shared/editorStyle.tsx
@@ -264,9 +264,9 @@ export const editorStyle = css`
 `;
 
 export const readOnlyStyle = css`
+  pointer-events: none;
   border: none;
-  outline: none;
-
+  
   .ProseMirror {
     background: transparent;
     border: none;
-Original file line number
+Diff line change
@@ Expand Up @@
           : `
         margin-left: ${theme.space.sm};
         padding: ${`${theme.space.xxs} ${theme.space.xs}`};
         `}
       .ProseMirror {
@@ Expand Down @@