Use proper button component

This commit is contained in:
2025-09-18 20:13:51 +03:00
Unverified
parent 88835e65ae
commit e77ba2421c
@@ -23,18 +23,16 @@ export function ChatInputWrapper({ onSendMessage, replyTo, onClearReply }: ChatI
return ( return (
<div className="chat-input-wrapper"> <div className="chat-input-wrapper">
<form className="input-group" id="message-form" onSubmit={handleSubmit}> <form className="input-group" id="message-form" onSubmit={handleSubmit}>
<div className="chat-input">
{replyTo && ( {replyTo && (
<div className="reply-preview"> <div className="reply-preview">
<div className="reply-content"> <div className="reply-content">
<span className="reply-username">{replyTo.username}</span> <span className="reply-username">{replyTo.username}</span>
<span className="reply-text">{replyTo.content}</span> <span className="reply-text">{replyTo.content}</span>
</div> </div>
<button type="button" className="reply-cancel" onClick={onClearReply}> <mdui-button-icon icon="close" className="reply-cancel" onClick={onClearReply}></mdui-button-icon>
<span className="material-symbols">close</span>
</button>
</div> </div>
)} )}
<div className="chat-input">
<RichTextArea <RichTextArea
className="message-input" className="message-input"
id="message-input" id="message-input"