wushenghua/hapi
1
0
Fork 0
mirror of https://github.com/wu736139669/hapi.git synced 2026-08-05 06:24:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): add visual indicator for sending message status (#344)

Browse Source
This commit is contained in:
Haoqing Wang
2026-03-23 14:57:10 +08:00
committed by GitHub
parent 8eea49f9da
commit 9de5bed19f
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/AssistantChat/messages/MessageStatusIndicator.tsx
+17
View File
@@ -10,10 +10,27 @@ function ErrorIcon() {
)
}
function SendingIcon() {
return (
<svg className="h-[14px] w-[14px] animate-spin" viewBox="0 0 16 16" fill="none">
<circle cx="8" cy="8" r="6" stroke="currentColor" strokeWidth="1.5" opacity="0.3" />
<path d="M14 8a6 6 0 0 0-6-6" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
</svg>
)
}
export function MessageStatusIndicator(props: {
status?: MessageStatus
onRetry?: () => void
}) {
if (props.status === 'sending') {
return (
<span className="inline-flex items-center text-[var(--app-fg-muted)]">
<SendingIcon />
</span>
)
}
if (props.status !== 'failed') {
return null
}