llvy.ltd/casdoor
1
0
Fork 0
mirror of https://github.com/casdoor/casdoor.git synced 2025-07-04 21:30:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix chat UI

Browse Source
This commit is contained in:
Yang Luo
2023-05-01 16:23:48 +08:00
parent d01d63d82a
commit 48c5bd942c
3 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/ChatBox.js
View File

@ -30,7 +30,7 @@ class ChatBox extends React.Component {
}
componentDidUpdate(prevProps) {
if (prevProps.messages !== this.props.messages && this.props.messages !== null) {
if (prevProps.messages !== this.props.messages && this.props.messages !== undefined && this.props.messages !== null) {
this.scrollToListItem(this.props.messages.length);
}
}

6
web/src/ChatMenu.js
View File

@ -110,8 +110,12 @@ class ChatMenu extends React.Component {
return items.map((item, index) => `${index}`);
}
setSelectedKeyToNewChat() {
setSelectedKeyToNewChat(chats) {
const items = this.chatsToItems(chats);
const openKeys = items.map((item) => item.key);
this.setState({
openKeys: openKeys,
selectedKeys: ["0-0"],
});
}

7
web/src/ChatPage.js
View File

@ -120,7 +120,7 @@ class ChatPage extends BaseListPage {
if (j < 0) {
this.setState({
chatName: undefined,
messages: undefined,
messages: [],
data: data,
});
} else {
@ -180,7 +180,7 @@ class ChatPage extends BaseListPage {
</div>
<div style={{flex: 1, height: "100%", backgroundColor: "white", position: "relative"}}>
{
this.state.messages === null ? null : (
(this.state.messages === undefined || this.state.messages === null) ? null : (
<div style={{
position: "absolute",
top: -50,
@ -224,6 +224,7 @@ class ChatPage extends BaseListPage {
this.setState({
loading: false,
data: res.data,
messages: [],
pagination: {
...params.pagination,
total: res.data2,
@ -242,7 +243,7 @@ class ChatPage extends BaseListPage {
}
if (!setLoading) {
this.menu.current.setSelectedKeyToNewChat();
this.menu.current.setSelectedKeyToNewChat(chats);
}
} else {
if (Setting.isResponseDenied(res)) {