From 99effc1644f0e88c389c7e26967d65e9fe5b1794 Mon Sep 17 00:00:00 2001
From: pb-coding <71174645+pb-coding@users.noreply.github.com>
Date: Sun, 24 Sep 2023 01:34:58 +0200
Subject: [PATCH] wip

---
 src/App.tsx               | 11 +++++++++--
 src/components/Footer.tsx |  3 ++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index f508aa0..33c5d66 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -22,7 +22,7 @@ export default function App() {
     setMessageDisplay(message);
     setTimeout(() => {
       setMessageDisplay("");
-    }, 3000);
+    }, 800);
   }
 
   useEffect(() => {
@@ -39,7 +39,12 @@ export default function App() {
     }
 
     function onMessageEvent(message: string) {
-      setTempMessage(message);
+      if (
+        message.includes(" won ") ||
+        message.includes(" equally ") ||
+        message.includes(" doubled ")
+      )
+        setTempMessage(message);
       // setMessageEvents((previous) => [...previous, message]);
     }
 
@@ -62,6 +67,8 @@ export default function App() {
     };
   }, []);
 
+  console.log(messageDispaly);
+
   return (
     <div className="bg-gray-900 w-screen h-screen">
       {!gameData && (
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 2b29833..ac091d3 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -59,7 +59,8 @@ export const Footer: FC<Footer> = ({
         <div className="mb-3 pt-2 mt-2 border-t border-gray-600">
           <div className="flex justify-between items-center">
             <Text>
-              {player?.name} {player.socketId == socket.id && "(You)"}
+              {player?.name} {player.socketId == socket.id && "👤"}{" "}
+              {player.playersTurn && <span className="text-green-500">⏩</span>}
             </Text>
             <p></p>
           </div>