��JFIF��`�`��Viewing File: /home/u820193700/domains/throtllr.com/public_html/js/app.js

// js/app.js

const { HashRouter, Routes, Route, Navigate, useLocation } = ReactRouterDOM;
const { useState, useEffect } = React;

function ScrollToTop() {
    const { pathname } = useLocation();

    useEffect(() => {
        window.scrollTo(0, 0);
    }, [pathname]);

    return null;
}

function App() {
    const [user, setUser] = useState(null);
    const [loading, setLoading] = useState(true);

    useEffect(() => {
        // Check for logged-in user in sessionStorage
        const storedUser = sessionStorage.getItem('throtllr_user');
        if (storedUser) {
            setUser(JSON.parse(storedUser));
        }
        setLoading(false);
    }, []);

    if (loading) return <div>Loading...</div>;

    return (
        <HashRouter>
            <ScrollToTop />
            <div className="app-container">
                <Navbar user={user} setUser={setUser} />
                <main>
                    <Routes>
                        <Route path="/" element={<Home user={user} />} />
                        <Route path="/tours" element={<ToursList />} />
                        <Route path="/tour/:id" element={<TourDetails />} />
                        <Route path="/book/:id" element={<BookingOptions user={user} />} />
                        <Route path="/login" element={<Login setUser={setUser} />} />
                        <Route path="/register" element={<Register />} />
                        <Route path="/forgot-password" element={<ForgotPassword />} />
                        <Route path="/verify-email" element={<VerifyEmail />} />

                        {/* Admin Routes */}
                        <Route path="/admin/*" element={
                            user?.role === 'admin' ? <AdminDashboard user={user} /> : <Navigate to="/login" />
                        } />

                        {/* Dealer Routes */}
                        <Route path="/dealer/*" element={
                            user?.role === 'dealer' ? <DealerDashboard user={user} setUser={setUser} /> : <Navigate to="/login" />
                        } />

                        {/* Rider/Personal Routes */}
                        <Route path="/rider/*" element={
                            user ? <RiderDashboard user={user} /> : <Navigate to="/login" />
                        } />
                    </Routes>
                </main>
                <Footer />
            </div>
        </HashRouter>
    );
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);

Back to Directory ��}�!1AQa"q2��#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz�� w�!1AQaq"2�B�� #3R�br� $4�%�&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz��?��_��+��?��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��(��