client side aos base rom select

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

diff --git a/resources/js/components/aos/App.js b/resources/js/components/aos/App.js
new file mode 100644 (file)
index 0000000..82f177c
--- /dev/null
+++ b/resources/js/components/aos/App.js
@@ -0,0 +1,64 @@
+import axios from 'axios';
+import React, { useEffect, useState } from 'react';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+
+import Header from './Header';
+import Front from '../pages/Front';
+import User from '../pages/User';
+import AosBaseRomProvider from '../../helpers/AosBaseRomContext';
+import UserContext from '../../helpers/UserContext';
+
+const App = () => {
+       const [user, setUser] = useState(null);
+
+       const checkAuth = async () => {
+               try {
+                       const response = await axios.get('/api/user');
+                       setUser(response.data);
+               } catch (e) {
+                       setUser(null);
+               }
+       };
+
+       const doLogout = async () => {
+               await axios.post('/logout');
+               await checkAuth();
+       };
+
+       useEffect(() => {
+               let timer = null;
+               axios
+                       .get('/sanctum/csrf-cookie')
+                       .then(() => {
+                               checkAuth();
+                               timer = setInterval(checkAuth, 15 * 60 * 1000);
+                       });
+               return () => {
+                       if (timer) clearInterval(timer);
+               };
+       }, []);
+
+       useEffect(() => {
+               window.Echo.channel('App.Control')
+                       .listen('PleaseRefresh', () => {
+                               location.reload();
+                       });
+               return () => {
+                       window.Echo.leave('App.Control');
+               };
+       }, []);
+
+       return <BrowserRouter>
+               <AosBaseRomProvider>
+                       <UserContext.Provider value={user}>
+                               <Header doLogout={doLogout} />
+                               <Routes>
+                                       <Route path="users/:id" element={<User />} />
+                                       <Route path="*" element={<Front />} />
+                               </Routes>
+                       </UserContext.Provider>
+               </AosBaseRomProvider>
+       </BrowserRouter>;
+};
+
+export default App;