mau + themecontext that will soothe my eyes soon

This commit is contained in:
2023-03-22 16:01:54 +01:00
parent a7622c26ef
commit 157c5e8ffa
7 changed files with 56 additions and 18 deletions

View File

@@ -1,5 +1,5 @@
import React from "react";
import useTitle from "../../utils/TitleHook";
import useTitle from "../../utils/hooks/TitleHook";
import Card from "../components/Card";
const ROOM_URL = `http://${process.env.REACT_APP_API_URL}/room`;
@@ -22,13 +22,16 @@ const MainLobby = () => {
return (
<div className={"main-lobby"}>
<div className={"main-lobby__button clickable"} onClick={handleCreateRoom}>
<h2>Host Game</h2>
<Card cardString={'SPADES ACE'} isClickable />
</div>
<div className={"main-lobby__button clickable"} onClick={gotoRooms}>
<h2>Join Game</h2>
<Card cardString={'SPADES ACE'} isHidden isClickable />
<h1 className={"main-lobby__title mau"}>MauMau</h1>
<div className={"main-lobby__container"}>
<div className={"main-lobby__container-button clickable"} onClick={handleCreateRoom}>
<h2 className={"mau"}>Host Game</h2>
<Card cardString={'SPADES ACE'} isClickable />
</div>
<div className={"main-lobby__container-button clickable"} onClick={gotoRooms}>
<h2 className={"mau"}>Join Game</h2>
<Card cardString={'SPADES ACE'} isHidden isClickable />
</div>
</div>
</div>
);