Updated the Home.jsx
This commit is contained in:
@ -2,15 +2,19 @@ import PageTitle from "@/common/components/PageTitle";
|
|||||||
import "./styles.sass";
|
import "./styles.sass";
|
||||||
import ActionCard from "@/pages/Home/components/ActionCard";
|
import ActionCard from "@/pages/Home/components/ActionCard";
|
||||||
import {faArrowRightToBracket, faPlusSquare} from "@fortawesome/free-solid-svg-icons";
|
import {faArrowRightToBracket, faPlusSquare} from "@fortawesome/free-solid-svg-icons";
|
||||||
|
import {StateContext} from "@/common/contexts/StateContext";
|
||||||
|
import {useContext} from "react";
|
||||||
|
|
||||||
export const Home = () => {
|
export const Home = () => {
|
||||||
|
const {setCurrentState} = useContext(StateContext);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="home-page">
|
<div className="home-page">
|
||||||
<PageTitle />
|
<PageTitle />
|
||||||
<div className="action-area">
|
<div className="action-area">
|
||||||
<ActionCard title="Raum beitreten" icon={faArrowRightToBracket} onClick={() => {}} />
|
<ActionCard title="Raum beitreten" icon={faArrowRightToBracket} onClick={() => {}} />
|
||||||
<ActionCard title="Raum erstellen" icon={faPlusSquare} onClick={() => {}} />
|
<ActionCard title="Raum erstellen" icon={faPlusSquare} onClick={() => setCurrentState("GameCreation")} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user