From 2347a00a7052dc7ec4f2dadf290bfee5ac1336eb Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Thu, 4 Jan 2024 23:47:19 +1100
Subject: [PATCH] fix(ui): do not show loading state on floating invoke button
 if disabled

---
 .../ui/components/FloatingParametersPanelButtons.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx b/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
index 3b99918323..d9b8c0fd0f 100644
--- a/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
@@ -31,12 +31,12 @@ const FloatingSidePanelButtons = (props: Props) => {
 
   const queueButtonIcon = useMemo(
     () =>
-      queueStatus?.processor.is_processing ? (
+      !isDisabled && queueStatus?.processor.is_processing ? (
         <SpinnerIcon animation={spinAnimationSlow} />
       ) : (
         <IoSparkles />
       ),
-    [queueStatus?.processor.is_processing]
+    [isDisabled, queueStatus?.processor.is_processing]
   );
 
   if (!props.panelApi.isCollapsed) {
@@ -57,8 +57,8 @@ const FloatingSidePanelButtons = (props: Props) => {
       >
         <InvButtonGroup orientation="vertical" flexGrow={3}>
           <InvIconButton
-            tooltip={t('parameters.showOptionsPanel')}
-            aria-label={t('parameters.showOptionsPanel')}
+            tooltip={t('accessibility.showOptionsPanel')}
+            aria-label={t('accessibility.showOptionsPanel')}
             onClick={props.panelApi.expand}
             sx={floatingButtonStyles}
             icon={<FaSlidersH />}