From ad5f5a44dc0ce4285bb6c0471f89fa5b566235a2 Mon Sep 17 00:00:00 2001
From: Claas Augner <495429+caugner@users.noreply.github.com>
Date: Thu, 29 Feb 2024 16:13:03 +0100
Subject: [PATCH] fix(ai-help): hide "Stop answering" before we respond
 (#10530)

* fix(ai-help): hide "Stop answering" before we respond

* chore(ai-help): hide all disabled footer actions
---
 client/src/plus/ai-help/index.scss | 4 ++++
 client/src/plus/ai-help/index.tsx  | 1 +
 2 files changed, 5 insertions(+)

diff --git a/client/src/plus/ai-help/index.scss b/client/src/plus/ai-help/index.scss
index 277d8e8ae739..1db7e99daf5c 100644
--- a/client/src/plus/ai-help/index.scss
+++ b/client/src/plus/ai-help/index.scss
@@ -187,6 +187,10 @@
 
       .ai-help-footer-actions {
         padding-bottom: 0.5rem;
+
+        button:disabled {
+          visibility: hidden;
+        }
       }
 
       .ai-help-footer-text {
diff --git a/client/src/plus/ai-help/index.tsx b/client/src/plus/ai-help/index.tsx
index 9a782cfa31fb..237aff815fa4 100644
--- a/client/src/plus/ai-help/index.tsx
+++ b/client/src/plus/ai-help/index.tsx
@@ -698,6 +698,7 @@ export function AIHelpInner() {
                 <div className="ai-help-footer-actions">
                   <Button
                     type="action"
+                    isDisabled={!isResponding}
                     extraClasses="ai-help-stop-button"
                     onClickHandler={() => {
                       gleanClick(`${AI_HELP}: stop`);