fix chat height editor

src/components/Chat/ChatDirect.tsx

@@ -620,15 +620,7 @@ const sendMessage = async ()=> {
         }}>
                   <ReplyPreview message={replyMessage} />
 
-           <ButtonBase
-               onClick={() => {
-                setReplyMessage(null)
-                setOnEditMessage(null)
 
-               }}
-             >
-             <ExitIcon />
-             </ButtonBase>
         </Box>
       )}
       {onEditMessage && (
@@ -640,20 +632,10 @@ const sendMessage = async ()=> {
         }}>
                   <ReplyPreview isEdit message={onEditMessage} />
 
-           <ButtonBase
+         
-               onClick={() => {
-                setReplyMessage(null)
-                setOnEditMessage(null)
-              
-                  editorRef.current.chain().focus().clearContent().run()
-                
-               }}
-             >
-             <ExitIcon />
-             </ButtonBase>
         </Box>
       )}
-      <Tiptap isFocusedParent={isFocusedParent} setEditorRef={setEditorRef} onEnter={sendMessage} isChat disableEnter={isMobile ? true : false} setIsFocusedParent={setIsFocusedParent}/>
+      <Tiptap isReply={onEditMessage || replyMessage} isFocusedParent={isFocusedParent} setEditorRef={setEditorRef} onEnter={sendMessage} isChat disableEnter={isMobile ? true : false} setIsFocusedParent={setIsFocusedParent}/>
       </div>
       <Box sx={{
         display: 'flex',

src/components/Chat/ChatGroup.tsx

@@ -791,16 +791,6 @@ const sendMessage = async ()=> {
           width: '100%'
         }}>
                   <ReplyPreview message={replyMessage} />
-
-           <ButtonBase
-               onClick={() => {
-                setReplyMessage(null)
-                setOnEditMessage(null)
-
-               }}
-             >
-             <ExitIcon />
-             </ButtonBase>
         </Box>
       )}
 
@@ -813,17 +803,6 @@ const sendMessage = async ()=> {
         }}>
                   <ReplyPreview isEdit message={onEditMessage} />
 
-           <ButtonBase
-               onClick={() => {
-                setReplyMessage(null)
-                setOnEditMessage(null)
-              
-                  editorRef.current.chain().focus().clearContent().run()
-                
-               }}
-             >
-             <ExitIcon />
-             </ButtonBase>
         </Box>
       )}
      
@@ -835,7 +814,7 @@ const sendMessage = async ()=> {
      }}>
       
    
-      <Tiptap enableMentions setEditorRef={setEditorRef} onEnter={sendMessage} isChat disableEnter={isMobile ? true : false} isFocusedParent={isFocusedParent} setIsFocusedParent={setIsFocusedParent} membersWithNames={members} />
+      <Tiptap isReply={onEditMessage || replyMessage} enableMentions setEditorRef={setEditorRef} onEnter={sendMessage} isChat disableEnter={isMobile ? true : false} isFocusedParent={isFocusedParent} setIsFocusedParent={setIsFocusedParent} membersWithNames={members} />
      
 
 

src/components/Chat/TipTap.tsx

@@ -298,7 +298,8 @@ export default ({
   overrideMobile,
   customEditorHeight,
   membersWithNames,
-  enableMentions
+  enableMentions,
+  isReply
 }) => {
 
   const extensionsFiltered = isChat
@@ -446,10 +447,10 @@ export default ({
         attributes: {
           class: "tiptap-prosemirror",
           style:
-            isMobile ?
+          isMobile ?
-            `overflow: auto; min-height: ${
+          `overflow: auto; min-height: ${
-              customEditorHeight ? "200px" : "0px"
+            customEditorHeight ? "200px" : "0px"
-            }; max-height:calc(100svh - ${customEditorHeight || "140px"})`: `overflow: auto; max-height: 250px`,
+          }; max-height:calc(100svh - ${customEditorHeight || isReply ? "230px" : "190px"})`: `overflow: auto; max-height: 250px`,
         },
         handleKeyDown(view, event) {
           if (!disableEnter && event.key === "Enter") {