From 4606e9a6cca8c838044b3c3a2b0fd5c419a12d41 Mon Sep 17 00:00:00 2001
From: Dicha Zelianivan Arkana <51877647+elianiva@users.noreply.github.com>
Date: Wed, 23 Apr 2025 22:57:50 +0700
Subject: [PATCH] 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>
---
webview-ui/src/components/common/CodeAccordian.tsx | 3 +++
1 file changed, 3 insertions(+)
diff --git a/webview-ui/src/components/common/CodeAccordian.tsx b/webview-ui/src/components/common/CodeAccordian.tsx
index 2f0cffd862..ec39e1704a 100644
--- a/webview-ui/src/components/common/CodeAccordian.tsx
+++ b/webview-ui/src/components/common/CodeAccordian.tsx
@@ -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 && }
{isFeedback || isConsoleLogs ? (