fixed url

src/layout/pages/MainLobby.tsx

@@ -6,7 +6,7 @@ const ROOM_URL = `http://${process.env.REACT_APP_API_URL}/room`;
 
 const MainLobby = () => {
 
-    useTitle('MauLobby');
+    useTitle('Mau-Mau Lobby');
 
     const handleCreateRoom = () => {
         fetch(ROOM_URL, {
@@ -17,12 +17,12 @@ const MainLobby = () => {
     }
 
     const gotoRooms = () => {
-        window.location.href = '/rooms';
+        window.location.host = '/rooms';
     }
 
     return (
         <div className={"main-lobby"}>
-            <h1 className={"main-lobby__title mau"}>MauMau</h1>
+            <h1 className={"main-lobby__title mau"}>Mau-Mau</h1>
             <div className={"main-lobby__container"}>
                 <div className={"main-lobby__container-button clickable"} onClick={handleCreateRoom}>
                     <h2 className={"mau"}>Host Game</h2>

src/layout/pages/Rooms.tsx

@@ -1,12 +1,11 @@
 import useTitle from "../../utils/hooks/TitleHook";
 import React from "react";
-import {Link} from "react-router-dom";
 
 const ROOM_URL = `http://${process.env.REACT_APP_API_URL}/room`;
 
 const Rooms = () => {
 
-    useTitle('Rooms');
+    useTitle('Mau-Mau Rooms');
 
     const [rooms, setRooms] = React.useState<string[]>([]);
 
@@ -16,13 +15,18 @@ const Rooms = () => {
             .then(data => setRooms(data));
     }, []);
 
+    const gotoRoom = (room: string) => {
+        window.location.host = `/room/${room}`;
+    }
+
     return (
         <div>
             <h1>Rooms</h1>
             <ul>
                 {
                     rooms.map((room, index) => {
-                        return <li key={index}><Link to={`room/${room}`}>{room}</Link></li>
+                        return <li key={index} className={"clickable"}
+                                   onClick={() => gotoRoom(room)}>{room}</li>
                     })
                 }
             </ul>