36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
import React, { Suspense, useEffect, useState, useRef, lazy } from 'react';
|
|
import { Meteor } from 'meteor/meteor';
|
|
import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';
|
|
import { Login } from './Login';
|
|
import { useSubscribe, useTracker, useFind } from 'meteor/react-meteor-data/suspense';
|
|
|
|
import { Pobles } from './Pobles';
|
|
import { Necessitats } from './Necessitats';
|
|
import { Tipus } from './Tipus';
|
|
import { BarraNav } from './BarraNav/BarraNav';
|
|
|
|
import { UserStat } from './BarraNav/UserStat';
|
|
|
|
const Loguejat = lazy(async () => await import('/imports/ui/Loguejat.jsx'));
|
|
|
|
|
|
export const App = () => {
|
|
|
|
const user = useTracker("user", async () => await Meteor.userAsync());
|
|
// const userId = await Meteor.userAsync();
|
|
|
|
return <BrowserRouter>
|
|
<UserStat />
|
|
|
|
<BarraNav />
|
|
|
|
<Routes>
|
|
<Route path="/" element={ <Suspense fallback={<>Carregant...</>}>{user ? <Loguejat /> : <Login/>}</Suspense> } />
|
|
<Route path="/pobles" element={ <Pobles /> } />
|
|
<Route path="/necessitats" element={ <Necessitats /> } />
|
|
<Route path="/tipus" element={ <Tipus /> } />
|
|
<Route path="/login" element={ <Login /> } />
|
|
</Routes>
|
|
</BrowserRouter>
|
|
};
|