From edd65d198b35f8e9ee7b885b786be26f624b8cf7 Mon Sep 17 00:00:00 2001
From: Satyapriya Bai <v-satybai@microsoft.com>
Date: Tue, 29 Oct 2024 16:29:34 +0530
Subject: [PATCH] [accessibility-3549715]:[Screen reader - Cosmos DB Query
 Copilot - Query Faster with Copilot>Enable Query Advisor]: Screen reader does
 not announce status information which appears on invoking the 'Send' button.

---
 .../QueryCopilot/QueryCopilotPromptbar.tsx    | 50 +++++++++----------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx b/src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx
index abef06942..393b766a6 100644
--- a/src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx
+++ b/src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx
@@ -711,31 +711,31 @@ export const QueryCopilotPromptbar: React.FC<QueryCopilotPromptProps> = ({
             <span role="alert" className="screenReaderOnly" aria-label={getAriaLabel()} />
           )}
           {isGeneratingQuery && (
-              <ProgressIndicator
-                label="Thinking..."
-                ariaLabel={getAriaLabel()}
-                barHeight={4}
-                styles={{
-                  root: {
-                    fontSize: 12,
-                    width: "100%",
-                    bottom: 0,
-                  },
-                  itemName: {
-                    padding: "0px 8px",
-                  },
-                  itemProgress: {
-                    borderBottomLeftRadius: 8,
-                    borderBottomRightRadius: 8,
-                    padding: 0,
-                  },
-                  progressBar: {
-                    backgroundImage:
-                      "linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(24, 90, 189) 35%, rgb(71, 207, 250) 70%, rgb(180, 124, 248) 92%, rgba(0, 0, 0, 0))",
-                    animationDuration: "5s",
-                  },
-                }}
-              />
+            <ProgressIndicator
+              label="Thinking..."
+              ariaLabel={getAriaLabel()}
+              barHeight={4}
+              styles={{
+                root: {
+                  fontSize: 12,
+                  width: "100%",
+                  bottom: 0,
+                },
+                itemName: {
+                  padding: "0px 8px",
+                },
+                itemProgress: {
+                  borderBottomLeftRadius: 8,
+                  borderBottomRightRadius: 8,
+                  padding: 0,
+                },
+                progressBar: {
+                  backgroundImage:
+                    "linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(24, 90, 189) 35%, rgb(71, 207, 250) 70%, rgb(180, 124, 248) 92%, rgba(0, 0, 0, 0))",
+                  animationDuration: "5s",
+                },
+              }}
+            />
           )}
         </Stack>
         <IconButton