Something went wrong. Try again.
slices images for the bsky.app photo carousel (min 5 images)
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738import React from 'react';import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';import Home from './pages/Home';import Login from './components/Login/Login';import LoginCallback from './components/Login/LoginCallback';import ProtectedRoute from './components/ProtectedRoute';import Footer from './components/Footer/Footer';import { AuthProvider } from './contexts/AuthContext';
const App = () => { return ( <AuthProvider> <Router> <div className="app-container"> <main className="main-container"> <Routes> <Route path="/login" element={<Login />} /> <Route path="/login/callback" element={<LoginCallback />} /> <Route path="/" element={ <ProtectedRoute> <Home /> </ProtectedRoute> } /> <Route path="*" element={<Navigate to="/" replace />} /> </Routes> </main> <Footer /> </div> </Router> </AuthProvider> );};
export default App;