From 2d2d7e6c8c244ae536500c2f3bd4843aeafc6eb6 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 22 Jun 2023 22:16:31 -0300
Subject: [PATCH] feat(PageComponent): add maxZoom prop to FlowChart to limit
 zooming to 4x to prevent visual artifacts and improve user experience

---
 .../src/pages/FlowPage/components/PageComponent/index.tsx        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 96f7953d1..b44d18af2 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -399,6 +399,7 @@ export default function Page({ flow }: { flow: FlowType }) {
                   selectNodesOnDrag={false}
                   className="theme-attribution"
                   minZoom={0.05}
+                  maxZoom={4}
                 >
                   <Background className="dark:bg-gray-900" />
                   <Controls className="[&>button]:text-black  [&>button]:dark:bg-gray-800 hover:[&>button]:dark:bg-gray-700 [&>button]:dark:text-gray-400 [&>button]:dark:fill-gray-400 [&>button]:dark:border-gray-600"></Controls>