From 3c8eb862f577b3a92bec8ae4eb0f8cf1596c77f2 Mon Sep 17 00:00:00 2001
From: Christopher Chedeau <vjeuxx@gmail.com>
Date: Wed, 1 Jan 2020 20:02:09 -0800
Subject: [PATCH] Move with arrow keys

---
 src/index.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/index.js b/src/index.js
index aa25315ef4..05fcd6aab5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -138,6 +138,25 @@ function App() {
         }
       }
       drawScene();
+      event.preventDefault();
+    } else if (
+      event.key === "ArrowLeft" ||
+      event.key === "ArrowRight" ||
+      event.key === "ArrowUp" ||
+      event.key === "ArrowDown"
+    ) {
+      const step = event.shiftKey ? 5 : 1;
+      elements.forEach(element => {
+        if (element.isSelected) {
+          if (event.key === "ArrowLeft") element.x -= step;
+          else if (event.key === "ArrowRight") element.x += step;
+          else if (event.key === "ArrowUp") element.y -= step;
+          else if (event.key === "ArrowDown") element.y += step;
+          generateShape(element);
+        }
+      });
+      drawScene();
+      event.preventDefault();
     }
   }, []);
   React.useEffect(() => {