X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2FApp.js;h=0199b931c43a81776c8d6188726107538509e74d;hb=c9490fbe2305cbe6e6c7ebe125461d95f008c7fe;hp=74cec3d7d9b7703f9a88e7663fe6564026710d71;hpb=f642f1eda2a68ad5e09b71ccdae1499bc9d31e4f;p=alttp.git

diff --git a/resources/js/components/App.js b/resources/js/components/App.js
index 74cec3d..0199b93 100644
--- a/resources/js/components/App.js
+++ b/resources/js/components/App.js
@@ -1,9 +1,9 @@
 import axios from 'axios';
 import React, { useEffect, useState } from 'react';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
+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';
 
 const App = () => {
@@ -36,14 +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="*" element={<Front />} />
-				</Routes>
-			: <Front />}
+			<Routes>
+				<Route path="tournaments/:id" element={<Tournament />} />
+				<Route path="*" element={<Navigate to="/tournaments/1" />} />
+			</Routes>
 		</UserContext.Provider>
 	</BrowserRouter>;
 };