Planspiele/PerfectMarketGame
Planspiele/PerfectMarketGame
1
0
Fork 0
Code Actions Packages

Updated the Dialog.jsx component

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-21 09:29:27 +01:00
parent 27aec7ebd3
commit fd55556741
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/pages/Home/components/Dialog/Dialog.jsx
View File

@ -4,13 +4,13 @@ import {faGear, faXmark} from "@fortawesome/free-solid-svg-icons";
import {useContext} from "react"; import {useContext} from "react";
import {SettingsContext} from "@/common/contexts/SettingsProvider.jsx"; import {SettingsContext} from "@/common/contexts/SettingsProvider.jsx";
export const Dialog = ({onClose}) => { export const Dialog = ({onClose, open}) => {
const {rounds, updateRounds} = useContext(SettingsContext); const {rounds, updateRounds} = useContext(SettingsContext);
return ( return (
<> <>
<div className="glassy dialog"> <div className={"glassy dialog" + (open ? "" : " dialog-closed")}>
<div className="dialog-header"> <div className="dialog-header">
<div className="dialog-title"> <div className="dialog-title">
<FontAwesomeIcon icon={faGear} /> <FontAwesomeIcon icon={faGear} />
@ -28,7 +28,7 @@ export const Dialog = ({onClose}) => {
</div> </div>
</div> </div>
<div className="dialog-overlay" onClick={onClose} /> {open && <div className="dialog-overlay" onClick={onClose} />}
</> </>
) )
} }