fix(chat): better loading feedback (#2750)

* fix(chat): better loading feedback

* fix(chat): missing loading aria role

Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com>

* refactor(chat): use vscode loading for more consistency

---------

Co-authored-by: ellipsis-dev[bot] <65095814+ellipsis-dev[bot]@users.noreply.github.com>
This commit is contained in:
Dicha Zelianivan Arkana 2025-04-23 22:57:50 +07:00 • committed by GitHub
parent 80912d0919
commit 4606e9a6cc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -2,6 +2,7 @@ import { memo, useMemo } from "react"
import { getLanguageFromPath } from "@src/utils/getLanguageFromPath"
import CodeBlock, { CODE_BLOCK_BG_COLOR } from "./CodeBlock"
import { ToolProgressStatus } from "@roo/shared/ExtensionMessage"
import { VSCodeProgressRing } from "@vscode/webview-ui-toolkit/react"
interface CodeAccordianProps {
code?: string
@ -69,7 +70,9 @@ const CodeAccordian = ({
MozUserSelect: "none",
msUserSelect: "none",
}}
className={`${isLoading ? "animate-pulse" : ""}`}
onClick={isLoading ? undefined : onToggleExpand}>
{isLoading && <VSCodeProgressRing className="size-3 mr-2" />}
{isFeedback || isConsoleLogs ? (
<div style={{ display: "flex", alignItems: "center" }}>
<span