mirror of
https://github.com/wu736139669/hapi.git
synced 2026-08-07 06:52:28 +00:00
fix(web): enable auto-scroll and add key prop to HappyThread component
This commit is contained in:
@@ -32,7 +32,7 @@ export function HappyThread(props: {
|
|||||||
onRetryMessage: props.onRetryMessage
|
onRetryMessage: props.onRetryMessage
|
||||||
}}>
|
}}>
|
||||||
<ThreadPrimitive.Root className="flex min-h-0 flex-1 flex-col">
|
<ThreadPrimitive.Root className="flex min-h-0 flex-1 flex-col">
|
||||||
<ThreadPrimitive.Viewport className="min-h-0 flex-1 overflow-y-auto overflow-x-hidden" autoScroll={false}>
|
<ThreadPrimitive.Viewport className="min-h-0 flex-1 overflow-y-auto overflow-x-hidden" autoScroll>
|
||||||
<div className="mx-auto w-full max-w-[720px] min-w-0 p-3">
|
<div className="mx-auto w-full max-w-[720px] min-w-0 p-3">
|
||||||
{props.header}
|
{props.header}
|
||||||
<div className="flex flex-col gap-3">
|
<div className="flex flex-col gap-3">
|
||||||
|
|||||||
@@ -193,6 +193,7 @@ export function SessionChat(props: {
|
|||||||
<AssistantRuntimeProvider runtime={runtime}>
|
<AssistantRuntimeProvider runtime={runtime}>
|
||||||
<div className="relative flex min-h-0 flex-1 flex-col">
|
<div className="relative flex min-h-0 flex-1 flex-col">
|
||||||
<HappyThread
|
<HappyThread
|
||||||
|
key={props.session.id}
|
||||||
api={props.api}
|
api={props.api}
|
||||||
sessionId={props.session.id}
|
sessionId={props.session.id}
|
||||||
metadata={props.session.metadata}
|
metadata={props.session.metadata}
|
||||||
|
|||||||
Reference in New Issue
Block a user