import React from 'react';
import { HashRouter, Routes, Route } from 'react-router-dom';
import { AuthProvider } from './context/AuthContext';
import { Layout } from './components/Layout';
import { LiveDashboard } from './pages/LiveDashboard'; // Changed from Landing
import { Login } from './pages/Login';
import { Dashboard } from './pages/Dashboard';
import { Journal } from './pages/Journal';
import { QRScanner } from './pages/QRScanner';
import { FloatingLoginButton } from './components/FloatingLoginButton';

function App() {
  return (
    <AuthProvider>
      <HashRouter>
        <Routes>
          {/* Public Route: Live Dashboard is now the Home */}
          <Route path="/" element={
            <>
              <LiveDashboard />
              <FloatingLoginButton />
            </>
          } />
          
          <Route path="/login" element={<Login />} />
          
          {/* Protected Routes */}
          <Route element={<Layout />}>
            <Route path="/dashboard" element={<Dashboard />} />
            <Route path="/journal" element={<Journal />} />
            <Route path="/scan" element={<QRScanner />} />
          </Route>
        </Routes>
      </HashRouter>
    </AuthProvider>
  );
}

export default App;