From 03a72240c0282caec7313c7748309d0556b7e0cc Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 18 Jun 2024 17:25:39 +1000
Subject: [PATCH] refactor(ui): disable the preview renderer for now

---
 .../ImageSize/AspectRatioCanvasPreview.tsx         | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioCanvasPreview.tsx b/invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioCanvasPreview.tsx
index b901cc494e..e9a6d68742 100644
--- a/invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioCanvasPreview.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioCanvasPreview.tsx
@@ -1,21 +1,21 @@
-import { Flex } from '@invoke-ai/ui-library';
 import { useStore } from '@nanostores/react';
-import { StageComponent } from 'features/controlLayers/components/StageComponent';
 import { $isPreviewVisible } from 'features/controlLayers/store/canvasV2Slice';
+import { AspectRatioIconPreview } from 'features/parameters/components/ImageSize/AspectRatioIconPreview';
 import { memo } from 'react';
 
 export const AspectRatioCanvasPreview = memo(() => {
   const isPreviewVisible = useStore($isPreviewVisible);
 
+  return <AspectRatioIconPreview />;
   // if (!isPreviewVisible) {
   //   return <AspectRatioIconPreview />;
   // }
 
-  return (
-    <Flex w="full" h="full" alignItems="center" justifyContent="center" position="relative">
-      <StageComponent asPreview />
-    </Flex>
-  );
+  // return (
+  //   <Flex w="full" h="full" alignItems="center" justifyContent="center" position="relative">
+  //     <StageComponent asPreview />
+  //   </Flex>
+  // );
 });
 
 AspectRatioCanvasPreview.displayName = 'AspectRatioCanvasPreview';