From 495d18ae096a3500a02e6bbee36d0da46a9b78b9 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 18 Nov 2023 19:32:51 +0100
Subject: [PATCH] Implemented the GroupProvider in the Root.jsx

---
 client/src/common/layouts/Root/Root.jsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/client/src/common/layouts/Root/Root.jsx b/client/src/common/layouts/Root/Root.jsx
index 99cd1f8..56ef463 100644
--- a/client/src/common/layouts/Root/Root.jsx
+++ b/client/src/common/layouts/Root/Root.jsx
@@ -3,16 +3,29 @@ import "./styles.sass";
 import Footer from "@/common/components/Footer";
 import {useOutlet} from "react-router";
 import Background from "@/common/components/Background";
+import {socket} from "@/common/utils/socket.js";
+import {useEffect} from "react";
+import {GroupProvider} from "@/common/contexts/GroupContext.jsx";
 
 export const Root = () => {
     const outlet = useOutlet();
 
+    useEffect(() => {
+        socket.connect();
+
+        return () => {
+            socket.disconnect();
+        }
+    }, []);
+
     return (
         <div className="root">
             <Header />
 
             <main>
-                {outlet}
+                <GroupProvider>
+                    {outlet}
+                </GroupProvider>
             </main>
 
             <Footer />