wip

src/App.tsx

@@ -22,7 +22,7 @@ export default function App() {
     setMessageDisplay(message);
     setTimeout(() => {
       setMessageDisplay("");
-    }, 3000);
+    }, 800);
   }
 
   useEffect(() => {
@@ -39,6 +39,11 @@ export default function App() {
     }
 
     function onMessageEvent(message: string) {
+      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 && (

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>