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

Integrated music in the End.jsx

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

8
client/src/pages/End/End.jsx
View File

@ -2,7 +2,9 @@ import "./styles.sass";
import {useContext, useEffect} from "react"; import {useContext, useEffect} from "react";
import {socket} from "@/common/utils/socket.js"; import {socket} from "@/common/utils/socket.js";
import {GroupContext} from "@/common/contexts/GroupContext.jsx"; import {GroupContext} from "@/common/contexts/GroupContext.jsx";
import {Navigate} from "react-router"; import Sound from "react-sound";
import ThemeSound from "@/common/sounds/end.mp3";
import {MusicContext} from "@/common/contexts/MusicContext.jsx";
const localeOptions = { const localeOptions = {
style: "decimal", style: "decimal",
@ -14,8 +16,7 @@ const localeOptions = {
export const End = () => { export const End = () => {
const {groups, allGroups} = useContext(GroupContext); const {groups, allGroups} = useContext(GroupContext);
const {musicEnabled} = useContext(MusicContext);
if (groups.length === 0) return <Navigate to="/"/>;
useEffect(() => { useEffect(() => {
socket.disconnect(); socket.disconnect();
@ -23,6 +24,7 @@ export const End = () => {
return ( return (
<div className="end-page"> <div className="end-page">
<Sound url={ThemeSound} playStatus={Sound.status.PLAYING} volume={musicEnabled ? 50 : 0} loop={false}/>
{[...groups, ...allGroups].map(group => ( {[...groups, ...allGroups].map(group => (
<div key={group.id} className="glassy group"> <div key={group.id} className="glassy group">
<div className="group-item"> <div className="group-item">