From 0beb30800e09961dc7b317cd8de91af4e22e3e26 Mon Sep 17 00:00:00 2001
From: "Alinson S. Xavier" <git@axavier.org>
Date: Fri, 18 Mar 2022 10:05:08 -0500
Subject: [PATCH] Enable controls

---
 relog-web/src/PipelineBlock.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/relog-web/src/PipelineBlock.js b/relog-web/src/PipelineBlock.js
index 89b32fc..08460df 100644
--- a/relog-web/src/PipelineBlock.js
+++ b/relog-web/src/PipelineBlock.js
@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import ReactFlow, { Background, isNode } from "react-flow-renderer";
+import ReactFlow, { Background, isNode, Controls } from "react-flow-renderer";
 import Section from "./Section";
 import Card from "./Card";
 import Button from "./Button";
@@ -169,12 +169,13 @@ const PipelineBlock = (props) => {
             onConnect={onConnect}
             onElementsRemove={onElementsRemove}
             deleteKeyCode={46}
-            maxZoom={1}
-            minZoom={1}
+            maxZoom={3}
+            minZoom={0.5}
             snapToGrid={true}
             preventScrolling={false}
           >
             <Background />
+            <Controls />
           </ReactFlow>
         </div>
         <div style={{ textAlign: "center" }}>