From fb0a1e0b14b7e7e6a65ba08ffd3521b394628fda Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 19 Nov 2023 15:13:00 +0100
Subject: [PATCH] Integrated music in the End.jsx
---
client/src/pages/End/End.jsx | 8 +++++---
1 file changed, 5 insertions(+), 3 deletions(-)
diff --git a/client/src/pages/End/End.jsx b/client/src/pages/End/End.jsx
index 9e99090..917e0bc 100644
--- a/client/src/pages/End/End.jsx
+++ b/client/src/pages/End/End.jsx
@@ -2,7 +2,9 @@ import "./styles.sass";
import {useContext, useEffect} from "react";
import {socket} from "@/common/utils/socket.js";
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 = {
style: "decimal",
@@ -14,8 +16,7 @@ const localeOptions = {
export const End = () => {
const {groups, allGroups} = useContext(GroupContext);
-
- if (groups.length === 0) return <Navigate to="/"/>;
+ const {musicEnabled} = useContext(MusicContext);
useEffect(() => {
socket.disconnect();
@@ -23,6 +24,7 @@ export const End = () => {
return (
<div className="end-page">
+ <Sound url={ThemeSound} playStatus={Sound.status.PLAYING} volume={musicEnabled ? 50 : 0} loop={false}/>
{[...groups, ...allGroups].map(group => (
<div key={group.id} className="glassy group">
<div className="group-item">