diff --git a/src/App.tsx b/src/App.tsx index 9033957..76f6e4e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -118,11 +118,11 @@ function RouteMap({ route }: { route: Route }) { } export default function App() { - const [authenticated, setAuthenticated] = useState(false) - // Forsiden vises først. Innloggingssiden vises når man trykker «Logg inn». - const [showLogin, setShowLogin] = useState(false) - const handleAuthenticated = useCallback(() => setAuthenticated(true), []) - const handleLogout = useCallback(() => { setAuthenticated(false); setShowLogin(false) }, []) + // Hvilken side som vises. Hele appen kan brukes uten innlogging: forsiden vises først, + // turoversikten når man velger en tur, og innloggingssiden bare når man trykker «Logg inn». + // Innlogging trengs kun for det som må knyttes til en bruker (favoritter og «Mitt sted»). + const [view, setView] = useState<'home' | 'explore' | 'login'>('home') + const showExplore = useCallback(() => setView('explore'), []) const detailsRef = useRef(null) const [route, setRoute] = useState(null) const [routeVariants, setRouteVariants] = useState([]) @@ -198,13 +198,13 @@ export default function App() { void load() return () => controller.abort() }, [selected, attempt]) - // Velger man en tur på forsiden, åpnes den etter innlogging - if (!authenticated && !showLogin) return setShowLogin(true)} onSelectRoute={item => { openRoute(item); setShowLogin(true) }} /> - if (!authenticated) return setShowLogin(false)} /> + if (view === 'home') return setView('login')} onSelectRoute={item => { openRoute(item); setView('explore') }} /> + // Etter innlogging går man til turoversikten, der profilen og favorittene ligger + if (view === 'login') return setView('home')} /> return <> Hopp til ruteinformasjon -
△ Norwegian Explorer
+

OPPDAG NORGE TIL FOTS

Ut på nye stier.

Utforsk registrerte turruter og bli kjent med veien videre.

FINN DIN NESTE TUR

Utforsk etter kategori

{(difficulty || routeType || county || municipality || minLength != null || maxLength != null) && }
@@ -255,7 +255,7 @@ export default function App() { } - +