From 6f794107de17fd4e03b6f4f2b8cdba7d92434945 Mon Sep 17 00:00:00 2001
From: 7Stars <xiaochi@mono.fun>
Date: Thu, 30 Nov 2023 14:32:01 +0800
Subject: [PATCH] Optimizing front-end display consistency in react-app

---
 examples/react-app/src/App.tsx                   | 14 ++++++++++++--
 examples/react-app/src/dojo/createSystemCalls.ts |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/examples/react-app/src/App.tsx b/examples/react-app/src/App.tsx
index 024eb66a..18bcf3d2 100644
--- 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
index a6265e72..429378dd 100644
--- 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,
             },
         });