edited to go to reply message

Detaysoft · Jun 29, 2022 · be32377 · be32377
1 parent 7a3f331
commit be32377
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/MessageBox/MessageBox.tsx b/src/MessageBox/MessageBox.tsx
@@ -129,7 +129,7 @@ const MessageBox: React.FC<MessageBoxType> = ({ focus = false, notch = true, ...
               </div>
             )}
 
-            {props.reply && <ReplyMessage {...props.reply} />}
+            {props.reply && <ReplyMessage onClick={props.onReplyMessageClick} {...props.reply} />}
 
             {props.type === 'text' && (
               <div

diff --git a/src/ReplyMessage/ReplyMessage.tsx b/src/ReplyMessage/ReplyMessage.tsx
@@ -4,14 +4,14 @@ import './ReplyMessage.css'
 import classNames from 'classnames'
 import { IReplyMessageProps } from '../type'
 
-const ReplyMessage: React.FC<IReplyMessageProps> = props => {
+const ReplyMessage: React.FC<IReplyMessageProps> = ({onClick, ...props}) => {
   return (
     <div
       className={classNames('rce-mbox-reply', {
         'rce-mbox-reply-border': !!props.titleColor,
       })}
       style={{ ...(props.titleColor && { borderColor: props.titleColor }) }}
-      onClick={props.onClick}
+      onClick={onClick}
     >
       <div className='rce-mbox-reply-left'>
         <div style={{ ...(props.titleColor && { color: props.titleColor }) }} className='rce-mbox-reply-owner'>