From b738263726d97fb10d39c60e1d33538909fb79ee Mon Sep 17 00:00:00 2001
From: DTieman <djurre@b302.nl>
Date: Mon, 22 Apr 2024 22:52:24 +0200
Subject: [PATCH] Fixed eslint

---
 src/layout/pages/Room.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/layout/pages/Room.tsx b/src/layout/pages/Room.tsx
index 3806e83..7b4a7f3 100644
--- a/src/layout/pages/Room.tsx
+++ b/src/layout/pages/Room.tsx
@@ -31,27 +31,26 @@ const Room = () => {
 
     const {roomId} = useParams();
 
-    const playerName = localStorage.getItem('playerName') || Math.random().toString(36).substring(7);
+    const playerName = localStorage.getItem('playerName') ?? Math.random().toString(36).substring(7);
     const WS_URL = `${process.env.REACT_APP_WEBSOCKET_URL}/room/${roomId}/${playerName}`;
 
     const [gameState, setGameState] = React.useState<GameState | undefined>(undefined);
     const [lobbyState, setLobbyState] = React.useState<string>("");
     const [winner, setWinner] = React.useState<string | undefined>(undefined);
 
-    const [chatScroll, setChatScroll] = React.useState<boolean>(true);
     const chatRef = React.useRef<HTMLOListElement>(null);
 
-    const addChatMessage = (message: {Sender: string, Message: string}) => {
-        if(!chatRef.current) return;
+    const addChatMessage = (message: { Sender: string, Message: string }) => {
+        if (!chatRef.current) return;
 
-        const { scrollTop, scrollHeight, clientHeight } = chatRef.current;
+        const {scrollTop, scrollHeight, clientHeight} = chatRef.current;
 
         const newChatElement = document.createElement('li');
         newChatElement.innerHTML = `<strong>${message.Sender}:</strong> ${message.Message}`;
         chatRef.current.appendChild(newChatElement);
 
         const isNearBottom = scrollTop + clientHeight + newChatElement.scrollHeight * 2 >= scrollHeight;
-        if (chatScroll && isNearBottom) {
+        if (isNearBottom) {
             newChatElement.scrollIntoView({behavior: 'smooth'});
         }
     }
@@ -132,7 +131,7 @@ const Room = () => {
                 {
                     gameState ?
                         <Game gameState={gameState} handleGameAction={handleGameAction}/>
-                        :
+                        : lobbyState === 'LOBBY' &&
                         <Lobby winner={winner} handleLobbyAction={handleLobbyAction}/>
                 }
             </main>