81 lines
3.0 KiB
React
81 lines
3.0 KiB
React
import { useState, useEffect } from "react"
|
|
import { BrowserRouter as Router, Route, Routes } from "react-router-dom"
|
|
import AuthRegister from "./pages/Auth/AuthRegister"
|
|
import AuthLogin from "./pages/Auth/AuthLogin"
|
|
import Test from "./pages/Testing/Test"
|
|
import ForgotPassword from "./pages/Auth/ForgotPassword"
|
|
import ResetPassword from "./pages/Auth/ResetPassword"
|
|
import Landingpage from "./pages/Landing/Landingpage"
|
|
import Home from "./pages/Landing/Home"
|
|
import DeckManagerPage from "./pages/Decks/DeckManagerPage"
|
|
import Card_display from "./pages/Decks/Card_display"
|
|
import DeckCreator from "./pages/DeckCreator/DeckCreator"
|
|
import CompanyHub from "./pages/Contacts/Contacts"
|
|
import About from "./pages/About/About"
|
|
import ScrollToTop from "./components/ScrollToTop"
|
|
import GameScreen from "./pages/Game/GameScreen"
|
|
import Reports from "./pages/Report/Reports"
|
|
import Lobby from "./pages/Lobby/Lobby"
|
|
import ProfileCard from "./components/Userdetails/Userdetails"
|
|
import { ToastConfig } from "./components/Toastify/toastifyServices" // ✅ fontos: named import, nem default!
|
|
import VerifyEmailPage from "./pages/Auth/VerifyEmailPage"
|
|
|
|
function App() {
|
|
const [isMobile, setIsMobile] = useState(false)
|
|
|
|
useEffect(() => {
|
|
const handleResize = () => {
|
|
setIsMobile(window.innerWidth <= 1280)
|
|
}
|
|
|
|
handleResize()
|
|
window.addEventListener("resize", handleResize)
|
|
|
|
return () => window.removeEventListener("resize", handleResize)
|
|
}, [])
|
|
|
|
// if (isMobile) {
|
|
// return (
|
|
// <Router>
|
|
// <Routes>
|
|
// <Route path="/register" element={<AuthRegister />} />
|
|
// <Route path="/login" element={<AuthLogin />} />
|
|
// <Route path="/verify-email" element={<EmailVerification />} />
|
|
// </Routes>
|
|
// </Router>
|
|
// );
|
|
// }
|
|
|
|
return (
|
|
<>
|
|
<Router>
|
|
<Routes>
|
|
<Route path="/verify-email" element={<VerifyEmailPage />} />
|
|
<Route path="/about" element={<About />} />
|
|
<Route path="/lobby" element={<Lobby />} />
|
|
<Route path="/register" element={<AuthRegister />} />
|
|
<Route path="/login" element={<AuthLogin />} />
|
|
<Route path="/forgot-password" element={<ForgotPassword />} />
|
|
<Route path="/reset-password" element={<ResetPassword />} />
|
|
<Route path="/profile" element={<ProfileCard />} />
|
|
<Route path="/test" element={<Test />} />
|
|
<Route path="/" element={<Landingpage />} />
|
|
<Route path="/home" element={<Home />} />
|
|
<Route path="/decks" element={<DeckManagerPage />} />
|
|
<Route path="/deck/:deckId" element={<Card_display />} />
|
|
<Route path="/deck-creator" element={<DeckCreator />} />
|
|
<Route path="/deck-creator/:deckId" element={<DeckCreator />} />
|
|
<Route path="/game" element={<GameScreen />} />
|
|
{/* <Route path="/contacts" element={<CompanyHub />} /> */}
|
|
<Route path="/report" element={<Reports />} />
|
|
</Routes>
|
|
</Router>
|
|
|
|
{/* ✅ Toastify Container */}
|
|
<ToastConfig />
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default App
|