Merge pull request #66 from qgpcybs/main

Optimizing front-end display consistency in react-app
dojoengine · Nov 30, 2023 · 4103c9d · 4103c9d
2 parents 6b25ccd + 6f79410
commit 4103c9d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/examples/react-app/src/App.tsx b/examples/react-app/src/App.tsx
@@ -125,12 +125,22 @@ function App() {
 
             <div className="card">
                 <div className="movement-buttons">
-                    <button onClick={() => move(account, Direction.Up)}>
+                    <button 
+                        onClick={() =>
+                            position && position.vec.y > 0
+                            ? move(account, Direction.Up)
+                            : console.log("Reach the borders of the world.")
+                        }>
                         Move Up
                     </button>
                 </div>
                 <div className="movement-buttons">
-                    <button onClick={() => move(account, Direction.Left)}>
+                    <button 
+                        onClick={() =>
+                            position && position.vec.x > 0
+                            ? move(account, Direction.Left)
+                            : console.log("Reach the borders of the world.")
+                        }>
                         Move Left
                     </button>
                     <button onClick={() => move(account, Direction.Right)}>

diff --git a/examples/react-app/src/dojo/createSystemCalls.ts b/examples/react-app/src/dojo/createSystemCalls.ts
@@ -26,7 +26,7 @@ export function createSystemCalls(
             entity: entityId,
             value: {
                 player: BigInt(entityId),
-                remaining: 10,
+                remaining: 100,
                 last_direction: 0,
             },
         });