From 28677f96215688943109577d39fa2e09a33fd13d Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Sun, 12 Mar 2023 13:06:46 +1100
Subject: [PATCH] fix(ui): process buttons display on canvas beta layout

---
 .../UnifiedCanvasToolbar/UnifiedCanvasProcessingButtons.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasBeta/UnifiedCanvasToolbar/UnifiedCanvasProcessingButtons.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasBeta/UnifiedCanvasToolbar/UnifiedCanvasProcessingButtons.tsx
index d6996913e1..3d6a9651a8 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasBeta/UnifiedCanvasToolbar/UnifiedCanvasProcessingButtons.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasBeta/UnifiedCanvasToolbar/UnifiedCanvasProcessingButtons.tsx
@@ -22,7 +22,7 @@ export default function UnifiedCanvasProcessingButtons() {
     shouldPinParametersPanel && dispatch(requestCanvasRescale());
   };
 
-  return (
+  return !shouldPinParametersPanel ? (
     <Flex flexDirection="column" gap={2}>
       <IAIIconButton
         tooltip={`${t('parameters.showOptionsPanel')} (O)`}
@@ -39,5 +39,5 @@ export default function UnifiedCanvasProcessingButtons() {
         <CancelButton width="100%" height="40px" btnGroupWidth="100%" />
       </Flex>
     </Flex>
-  );
+  ) : null;
 }