public tournament page

[alttp.git] / resources / js / components / App.js

diff --git a/resources/js/components/App.js b/resources/js/components/App.js
index b5bd9c9fdfd8388d500d97f5ae8e10b9e594719b..0199b931c43a81776c8d6188726107538509e74d 100644 (file)
--- a/resources/js/components/App.js
+++ b/resources/js/components/App.js
@@ -3,7 +3,6 @@ import React, { useEffect, useState } from 'react';
 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 
 import Header from './common/Header';
-import Front from './pages/Front';
 import Tournament from './pages/Tournament';
 import UserContext from '../helpers/UserContext';
 
@@ -37,15 +36,23 @@ const App = () => {
                };
        }, []);
 
+       useEffect(() => {
+               window.Echo.channel('App.Control')
+                       .listen('PleaseRefresh', () => {
+                               location.reload();
+                       });
+               return () => {
+                       window.Echo.leave('App.Control');
+               };
+       }, []);
+
        return <BrowserRouter>
                <UserContext.Provider value={user}>
                        <Header doLogout={doLogout} />
-                       {user ?
-                               <Routes>
-                                       <Route path="tournaments/:id" element={<Tournament />} />
-                                       <Route path="*" element={<Navigate to="/tournaments/1" />} />
-                               </Routes>
-                       : <Front />}
+                       <Routes>
+                               <Route path="tournaments/:id" element={<Tournament />} />
+                               <Route path="*" element={<Navigate to="/tournaments/1" />} />
+                       </Routes>
                </UserContext.Provider>
        </BrowserRouter>;
 };