fix(MessageRecord): 修复消息记录中时间分隔和消息类型的显示问题

调整消息记录组件的时间分隔显示逻辑,将特定类型的消息内容直接显示为HTML,并过滤掉这些消息不进行常规渲染。同时优化消息时间的样式,添加链接颜色和间距设置。
This commit is contained in:
超级老白兔
2025-09-10 17:43:56 +08:00
parent ad60e684fc
commit 95303d2960
2 changed files with 18 additions and 4 deletions

View File

@@ -33,6 +33,11 @@
font-size: 12px;
margin: 8px 0;
position: relative;
font-weight: normal;
a {
color: #1890ff;
margin: 0px 5px;
}
}
.loadMore {
text-align: center;

View File

@@ -565,10 +565,19 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
</div>
{groupMessagesByTime(currentMessages).map((group, groupIndex) => (
<React.Fragment key={`group-${groupIndex}`}>
<Divider>
<div className={styles.messageTime}>{group.time}</div>
</Divider>
{group.messages.map(renderMessage)}
{group.messages
.filter(v => [10000].includes(v.msgType))
.map(msg => (
<div
key={`divider-${msg.id}`}
className={styles.messageTime}
dangerouslySetInnerHTML={{ __html: msg.content }}
></div>
))}
<div className={styles.messageTime}>{group.time}</div>
{group.messages
.filter(v => ![10000].includes(v.msgType))
.map(renderMessage)}
</React.Fragment>
))}
<div ref={messagesEndRef} />