Merge pull request #66 from qgpcybs/main

Optimizing front-end display consistency in react-app

Author: ponderingdemocritus

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)}>

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,
             },
         });