offload some page chunks

[alttp.git] / resources / js / app / index.js
diff --git a/resources/js/app/index.js b/resources/js/app/index.js

index fcc5311ec6404deaba12e4ed1c16c7f58b75b6f9..2c80c798bccb397862cb29e576345ef59da594ff 100644 (file)
--- a/resources/js/app/index.js
+++ b/resources/js/app/index.js
@@ -1,47 +1,16 @@
-import axios from 'axios';
-import React, { useEffect, useState } from 'react';
+import React from 'react';
  import { Helmet } from 'react-helmet';
  import { useTranslation } from 'react-i18next';
-import { BrowserRouter } from 'react-router-dom';
  
  import Routes from './Routes';
  import AlttpBaseRomProvider from '../helpers/AlttpBaseRomContext';
-import UserContext from '../helpers/UserContext';
+import { UserProvider } from '../hooks/user';
  import i18n from '../i18n';
  
  const App = () => {
-       const [user, setUser] = useState(null);
-
         const { t } = useTranslation();
  
-       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(() => {
+       React.useEffect(() => {
                 window.Echo.channel('App.Control')
                         .listen('PleaseRefresh', () => {
                                 location.reload();
@@ -51,18 +20,16 @@ const App = () => {
                 };
         }, []);
  
-       return <BrowserRouter>
-               <AlttpBaseRomProvider>
-                       <UserContext.Provider value={user}>
-                               <Helmet>
-                                       <html lang={i18n.language} />
-                                       <title>{t('general.appName')}</title>
-                                       <meta name="description" content={t('general.appDescription')} />
-                               </Helmet>
-                               <Routes doLogout={doLogout} />
-                       </UserContext.Provider>
-               </AlttpBaseRomProvider>
-       </BrowserRouter>;
+       return <AlttpBaseRomProvider>
+               <UserProvider>
+                       <Helmet>
+                               <html lang={i18n.language} />
+                               <title>{t('general.appName')}</title>
+                               <meta name="description" content={t('general.appDescription')} />
+                       </Helmet>
+                       <Routes />
+               </UserProvider>
+       </AlttpBaseRomProvider>;
  };
  
  export default App;