From 288705b80b3f87e42e0fe419c71169782f89e073 Mon Sep 17 00:00:00 2001
From: Tiyo <tiyosheng@gmail.com>
Date: Fri, 15 Dec 2023 16:45:22 +0800
Subject: [PATCH] fix: PlayersData undefined

---
 .../client/public/assets/img/meme/E21.svg     |  4 +--
 packages/client/public/assets/img/meme/E4.svg |  4 +--
 packages/client/src/pages/game/index.tsx      | 36 +++++++++++++------
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/packages/client/public/assets/img/meme/E21.svg b/packages/client/public/assets/img/meme/E21.svg
index cc93f57..414ebdc 100644
--- a/packages/client/public/assets/img/meme/E21.svg
+++ b/packages/client/public/assets/img/meme/E21.svg
@@ -2,8 +2,8 @@
 <rect width="30" height="30" fill="url(#pattern0)"/>
 <defs>
 <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_2108_3004" transform="scale(0.015625)"/>
+<use xlink:href="#image0_2108_2997" transform="scale(0.015625)"/>
 </pattern>
-<image id="image0_2108_3004" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAvJJREFUeJztm79rFFEQx78bEsXCCxisbIMYUggSLBREbKysrPNvpEqZyn8jtZWVjYigRQiChSSIrVjICZ5FiAnZFHuT253b2Zm3+/bH+d6nudu3b997d/PdeTOzdwnaI2XHidLeC0t9Tj4E2vj2UwD4s7ZWaFwdj1HV3tJaVIJXwHJXE3HLD4WogL4XkIPvDgWe3LuWAMCH439eJw1eAT48b6XlpHufvP/F4YvKwc+OPgMArm//KD3/8uGNBABeH5woyywnKqDBtSkAnO7fAQCsbDwoDjy6n73e3QMwUwJZPv226zbZ5EvhmCujrhKiAmpcY7L83ERTJbhafm5yz0qICnDoW8vybaEpAcbPFrwCLJFgCuj7dd/MFHmlAIpPKusQwSsgf5+YKjiSEpa23pS2U39XH0H3uDYun9+1DhG8ApYhV3BK2+mbJgvwY87sfHasKYFbXh+32jdpdYjgFZBAUICENYvrGskHSEQfMGVIFaFGcJ+k1SEQ44CMuTigaQVnKHAlSM8fogJK2gpKWDTLc3KRZGl2GLwC5nYBqr+vHo9NWaA1Iuurn0ZUAG9wffJCFSIpa+P9uh5PI3gFVNXNKmuAHKrJSWjX+x7PWiOMCihpSwHg/e4IAHB7lLmJjWePO1uUD47efQQA/JqcAwCe7k3oVIwE84jZIFle4u/zTwCAm28fmY7r0nQe7XMErwDRB3x9davQuKg+gNjc+U1vow/IY64I0b7qup93jRY/cKICrB2//8yet6+jWgm+sjTXccnytE7zuM2Wtfg4V4U1JfBsrnG+Ph1Hyv7qWv5q/HrL+n8QFUAxtBRJSUqg19P9rJ+W12tI2ajV8vQ5JIJXgFoP4BGhRNeRIo/0JKQIkAheAeouoPkCoqtI0Rrpafc+EbwCLL+lG5Qv8HXvE8ErwPvvA9ryBa5ZnpWoAGtHbTeg85s7VIcv/4dHU3i1WlqHleAV4PxrcW4Bre7eAl7XERVQ4xrpX2Jd//fXyzqCV8AlzNRfeW2VrG8AAAAASUVORK5CYII="/>
+<image id="image0_2108_2997" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAYRJREFUeJztmbFOwzAQhg/EmKdgQt0QLJVgrMTaGbHyAOy8Auxd+wBVt0oZqZSFqisTT5E9TJZIYjm2z3eO5P+bWsV35yRfHNshAgAAAECpXCjW6mbQhxGXOYvPAY2r3xERvS5vrQc3zVmzLyNggGKtWZoAAxRrOQ0waJsAAwRz9977U3d+yD8TDCJ9hQECOb2e9VCkxgYYkDCXyJ0fktoEGJAgR0dEtLp5SJDKn/rnaH6yzqF4A64Ysdb1/e774Axa3z85j0fEm35EmVC8ATFXzTraf9RfQUneVo9J42PfDsUbwBkDnFRV1fvftq1qvC/FG4ALkLsDuREbA7jPrNQzP6R4AzjzaOsaQHsmyF0TwICImCyrvyliTYABAW1Vdny4hK4JYIBHG9adt+zvB5GgrvMcizdAbCY4hLsalAIGaBX6XDxrlQoCBkgXMKP4e7MnIqLt9Z2z/cvvqRcnTfEGqM8Ep+YFCfNjJuhDsu8CucF3gUjYO0IzAjtCAAAAAAAA+PMH9w9quWGX7zgAAAAASUVORK5CYII="/>
 </defs>
 </svg>
diff --git a/packages/client/public/assets/img/meme/E4.svg b/packages/client/public/assets/img/meme/E4.svg
index 414ebdc..cc93f57 100644
--- a/packages/client/public/assets/img/meme/E4.svg
+++ b/packages/client/public/assets/img/meme/E4.svg
@@ -2,8 +2,8 @@
 <rect width="30" height="30" fill="url(#pattern0)"/>
 <defs>
 <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_2108_2997" transform="scale(0.015625)"/>
+<use xlink:href="#image0_2108_3004" transform="scale(0.015625)"/>
 </pattern>
-<image id="image0_2108_2997" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAYRJREFUeJztmbFOwzAQhg/EmKdgQt0QLJVgrMTaGbHyAOy8Auxd+wBVt0oZqZSFqisTT5E9TJZIYjm2z3eO5P+bWsV35yRfHNshAgAAAECpXCjW6mbQhxGXOYvPAY2r3xERvS5vrQc3zVmzLyNggGKtWZoAAxRrOQ0waJsAAwRz9977U3d+yD8TDCJ9hQECOb2e9VCkxgYYkDCXyJ0fktoEGJAgR0dEtLp5SJDKn/rnaH6yzqF4A64Ysdb1/e774Axa3z85j0fEm35EmVC8ATFXzTraf9RfQUneVo9J42PfDsUbwBkDnFRV1fvftq1qvC/FG4ALkLsDuREbA7jPrNQzP6R4AzjzaOsaQHsmyF0TwICImCyrvyliTYABAW1Vdny4hK4JYIBHG9adt+zvB5GgrvMcizdAbCY4hLsalAIGaBX6XDxrlQoCBkgXMKP4e7MnIqLt9Z2z/cvvqRcnTfEGqM8Ep+YFCfNjJuhDsu8CucF3gUjYO0IzAjtCAAAAAAAA+PMH9w9quWGX7zgAAAAASUVORK5CYII="/>
+<image id="image0_2108_3004" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAvJJREFUeJztm79rFFEQx78bEsXCCxisbIMYUggSLBREbKysrPNvpEqZyn8jtZWVjYigRQiChSSIrVjICZ5FiAnZFHuT253b2Zm3+/bH+d6nudu3b997d/PdeTOzdwnaI2XHidLeC0t9Tj4E2vj2UwD4s7ZWaFwdj1HV3tJaVIJXwHJXE3HLD4WogL4XkIPvDgWe3LuWAMCH439eJw1eAT48b6XlpHufvP/F4YvKwc+OPgMArm//KD3/8uGNBABeH5woyywnKqDBtSkAnO7fAQCsbDwoDjy6n73e3QMwUwJZPv226zbZ5EvhmCujrhKiAmpcY7L83ERTJbhafm5yz0qICnDoW8vybaEpAcbPFrwCLJFgCuj7dd/MFHmlAIpPKusQwSsgf5+YKjiSEpa23pS2U39XH0H3uDYun9+1DhG8ApYhV3BK2+mbJgvwY87sfHasKYFbXh+32jdpdYjgFZBAUICENYvrGskHSEQfMGVIFaFGcJ+k1SEQ44CMuTigaQVnKHAlSM8fogJK2gpKWDTLc3KRZGl2GLwC5nYBqr+vHo9NWaA1Iuurn0ZUAG9wffJCFSIpa+P9uh5PI3gFVNXNKmuAHKrJSWjX+x7PWiOMCihpSwHg/e4IAHB7lLmJjWePO1uUD47efQQA/JqcAwCe7k3oVIwE84jZIFle4u/zTwCAm28fmY7r0nQe7XMErwDRB3x9davQuKg+gNjc+U1vow/IY64I0b7qup93jRY/cKICrB2//8yet6+jWgm+sjTXccnytE7zuM2Wtfg4V4U1JfBsrnG+Ph1Hyv7qWv5q/HrL+n8QFUAxtBRJSUqg19P9rJ+W12tI2ajV8vQ5JIJXgFoP4BGhRNeRIo/0JKQIkAheAeouoPkCoqtI0Rrpafc+EbwCLL+lG5Qv8HXvE8ErwPvvA9ryBa5ZnpWoAGtHbTeg85s7VIcv/4dHU3i1WlqHleAV4PxrcW4Bre7eAl7XERVQ4xrpX2Jd//fXyzqCV8AlzNRfeW2VrG8AAAAASUVORK5CYII="/>
 </defs>
 </svg>
diff --git a/packages/client/src/pages/game/index.tsx b/packages/client/src/pages/game/index.tsx
index d23073e..1872d06 100644
--- a/packages/client/src/pages/game/index.tsx
+++ b/packages/client/src/pages/game/index.tsx
@@ -26,6 +26,7 @@ import discordImg from '@/assets/img/discord.png';
 import { TALK_MAIN } from '@/config/talk';
 import { getClient } from '../../utils/client';
 import { getUserPublicProfileRequest } from '@web3mq/client';
+import { delay } from '../../utils/delay'
 
 const toObject = (obj) => {
   return JSON.parse(JSON.stringify(obj, (key, value) =>
@@ -77,9 +78,13 @@ const Game = () => {
 
   const mapDataRef = useRef([]);
 
+  const playerList = useRef([])
+
   // getMUDTables();
   // mud bug, if syncProgress not 100, it will return a decimals less 1.
-  let percentage = 0
+  // let percentage = 0
+  const [percentage, setPercentage] = useState(0);
+
 
   const GlobalConfigData = useStore((state: any) => {
     const records = Object.values(state.getRecords(tables.GlobalConfig));
@@ -161,6 +166,8 @@ const Game = () => {
     })
   });
 
+  playerList.current = PlayersData
+
   const curPlayer = PlayersData.find((player: any) => player.addr.toLocaleLowerCase() == account.toLocaleLowerCase());
   if (curPlayer && curPlayer.state == 0 && percentage == 100) {
     navigate('/');
@@ -220,10 +227,7 @@ const Game = () => {
       setBattleId(battle.id)
     }
     setStartBattleData(true);
-  }
-
-  percentage = 100
-  
+  }  
   const getCollectionsFun = async (box: any) => {
     setGotBox(box);
     setModalType('getCollections');
@@ -248,9 +252,20 @@ const Game = () => {
       setRenderMapData(csv);
       mapDataRef.current = csv;
     });
-    getBalance()
+    getBalance();
   }, []);
 
+  useEffect(() => {
+    const setP = async () => {
+      await delay(400)
+      setPercentage(100);
+    }
+    if (GlobalConfigData.length && percentage < 100) {
+      setP()
+    }
+    
+  }, [GlobalConfigData]);
+
   const [clientData, setClientData] = useState(null)
 
 
@@ -264,10 +279,11 @@ const Game = () => {
     // });
     // console.log(userData)
     
-    let playerIndex = PlayersData.findIndex((item) => item.addr.toLocaleLowerCase() == network.account.toLocaleLowerCase())
-    let player = PlayersData[playerIndex]
-    player.lastMsg = msg.content
-    PlayersData[playerIndex] = player
+    let playerIndex = playerList.current.findIndex((item) => item.addr.toLocaleLowerCase() == network.account.toLocaleLowerCase())
+    let player = playerList.current[playerIndex]
+    console.log(player, playerList.current)
+    if (player) player.lastMsg = msg.content
+    playerList.current[playerIndex] = player
   }
 
   const sendMsg = async (msg) => {