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

Integrated the MusicProvider into the Root.jsx layout

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-19 15:11:38 +01:00
parent 84294b7a68
commit 8458376a64
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/common/layouts/Root/Root.jsx
View File

@ -6,6 +6,7 @@ import Background from "@/common/components/Background";
import {socket} from "@/common/utils/socket.js"; import {socket} from "@/common/utils/socket.js";
import {useEffect} from "react"; import {useEffect} from "react";
import {GroupProvider} from "@/common/contexts/GroupContext.jsx"; import {GroupProvider} from "@/common/contexts/GroupContext.jsx";
import {MusicProvider} from "@/common/contexts/MusicContext.jsx";
export const Root = () => { export const Root = () => {
const outlet = useOutlet(); const outlet = useOutlet();
@ -19,19 +20,21 @@ export const Root = () => {
}, []); }, []);
return ( return (
<div className="root"> <MusicProvider>
<Header /> <div className="root">
<Header/>
<main> <main>
<GroupProvider> <GroupProvider>
{outlet} {outlet}
</GroupProvider> </GroupProvider>
</main> </main>
<Footer /> <Footer/>
<Background /> <Background/>
</div> </div>
</MusicProvider>
); );
} }