diff --git a/client/src/pages/Home/Home.jsx b/client/src/pages/Home/Home.jsx index 5b7e2bd..597f695 100644 --- a/client/src/pages/Home/Home.jsx +++ b/client/src/pages/Home/Home.jsx @@ -1,15 +1,34 @@ import "./styles.sass"; import GitHubImage from "@/common/images/GitHub.png" import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; -import {faPlus, faRightToBracket} from "@fortawesome/free-solid-svg-icons"; +import {faGear, faPlus, faRightToBracket} from "@fortawesome/free-solid-svg-icons"; import {Link} from "react-router-dom"; +import {useRef, useState} from "react"; +import {useNavigate} from "react-router"; +import Dialog from "@/pages/Home/components/Dialog"; export const DONATION_LINK = "https://ko-fi.com/gnmyt"; export const GITHUB_LINK = "https://github.com/gnmyt/PerfectMarketGame"; export const Home = () => { + + const roomSettingsRef = useRef(null); + const [settingsOpen, setSettingsOpen] = useState(false); + const navigate = useNavigate(); + + const openCreateRoom = (event) => { + event.preventDefault(); + + if (event.target === roomSettingsRef.current || roomSettingsRef.current.contains(event.target)) return; + + navigate("/create"); + } + + const openRoomSettings = () => setSettingsOpen(!settingsOpen); + return (