mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2026-01-10 07:19:02 +08:00
fix: fix stale state issue in chat component
This commit is contained in:
parent
ab4445f59a
commit
b1d9485c22
@ -25,7 +25,12 @@ const Chat: FC<Props> = (props) => {
|
|||||||
return (
|
return (
|
||||||
<Container id="chat">
|
<Container id="chat">
|
||||||
<Main vertical flex={1} justify="space-between">
|
<Main vertical flex={1} justify="space-between">
|
||||||
<Messages assistant={assistant} topic={props.activeTopic} setActiveTopic={props.setActiveTopic} />
|
<Messages
|
||||||
|
key={props.activeTopic.id}
|
||||||
|
assistant={assistant}
|
||||||
|
topic={props.activeTopic}
|
||||||
|
setActiveTopic={props.setActiveTopic}
|
||||||
|
/>
|
||||||
<Inputbar assistant={assistant} setActiveTopic={props.setActiveTopic} />
|
<Inputbar assistant={assistant} setActiveTopic={props.setActiveTopic} />
|
||||||
</Main>
|
</Main>
|
||||||
{topicPosition === 'right' && showTopics && (
|
{topicPosition === 'right' && showTopics && (
|
||||||
|
|||||||
@ -186,10 +186,6 @@ const Messages: FC<Props> = ({ assistant, topic, setActiveTopic }) => {
|
|||||||
})
|
})
|
||||||
}, [assistant, messages])
|
}, [assistant, messages])
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
scrollToBottom()
|
|
||||||
}, [scrollToBottom])
|
|
||||||
|
|
||||||
const memoizedMessages = useMemo(() => reverse([...messages]), [messages])
|
const memoizedMessages = useMemo(() => reverse([...messages]), [messages])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user