From ea14c48ef55663b8fb3cd8cc5d48f49e4ec8e6c0 Mon Sep 17 00:00:00 2001
From: bhushan6 <bhushanwagh6@gmail.com>
Date: Tue, 15 Aug 2023 03:50:43 +0530
Subject: [PATCH] adds shortcut for anchoring

---
 src/components/3D/Scene.jsx |  2 +-
 src/utils/hooks.js          | 14 +++++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/3D/Scene.jsx b/src/components/3D/Scene.jsx
index 44ccd8a..216626e 100644
--- a/src/components/3D/Scene.jsx
+++ b/src/components/3D/Scene.jsx
@@ -47,7 +47,7 @@ export const Scene = () => {
   const room = useStore((state) => state.liveblocks.room);
   const self = useStore((state) => state.self);
 
-  // useAnchorShorcuts(anchorX, anchorZ, set);
+  useAnchorShorcuts();
 
   const addBrick = (e) => {
     e.stopPropagation();
diff --git a/src/utils/hooks.js b/src/utils/hooks.js
index 3cae66a..60adb9d 100644
--- a/src/utils/hooks.js
+++ b/src/utils/hooks.js
@@ -1,20 +1,24 @@
 import useKeyboardShortcut from "use-keyboard-shortcut";
+import { useStore } from "../store";
+
+export const useAnchorShorcuts = () => {
+  const setAnchorX = useStore((state) => state.setAnchorX);
+  const setAnchorZ = useStore((state) => state.setAnchorZ);
 
-export const useAnchorShorcuts = (anchorX, anchorZ, set) => {
   const anchorXPlus = () => {
-    set({ anchorX: anchorX + 1 });
+    setAnchorX(useStore.getState().anchorX + 1);
   };
 
   const anchorXMinus = () => {
-    set({ anchorX: anchorX - 1 });
+    setAnchorX(useStore.getState().anchorX - 1);
   };
 
   const anchorZPlus = () => {
-    set({ anchorZ: anchorZ - 1 });
+    setAnchorZ(useStore.getState().anchorZ + 1);
   };
 
   const anchorZMinus = () => {
-    set({ anchorZ: anchorZ + 1 });
+    setAnchorZ(useStore.getState().anchorZ - 1);
   };
 
   useKeyboardShortcut(["D"], anchorXPlus, {