lhoist-stay-safe/src/App.js
2024-05-13 15:03:00 +02:00

52 lines
1.9 KiB
JavaScript

import "./assets/css/App.scss";
import Welcome from "./pages/Welcome.jsx";
import Home from "./pages/Home.jsx";
import Profile from "./pages/Profile.jsx";
import Country from "./pages/Country.jsx";
import Results from "./pages/Results.jsx";
import Test from "./pages/Test.jsx";
import Game from "./pages/Game.jsx";
import Rating from "./pages/Rating.jsx";
import About from "./pages/About.jsx";
import ConditionsOfUse from "./pages/ConditionsOfUse.jsx";
import Cookies from "./pages/Cookies.jsx";
import Confidentiality from "./pages/Confidentiality.jsx";
import Thematiques from "./pages/Thematiques.jsx";
import PageNotFound from "./pages/PageNotFound.jsx";
import { useLocation, Routes, Route } from "react-router-dom";
import { AnimatePresence } from "framer-motion";
import React, { useEffect, useRef } from "react";
function App() {
const location = useLocation();
return (
<>
{/* <button onClick={playAnimation}>qsdqsd</button> */}
<AnimatePresence mode='wait'>
<Routes location={location} key={location.pathname}>
<Route path='/' element={<Welcome />} />
<Route path='/home' element={<Home />} />
<Route path='/select-profile' element={<Profile />} />
<Route path='/select-country' element={<Country />} />
<Route path='/play/:id' element={<Game />} />
<Route path='/play' element={<Game />} />
<Route path='/results' element={<Results />} />
<Route path='/rating' element={<Rating />} />
<Route path='/about' element={<About />} />
<Route path='/conditions' element={<ConditionsOfUse />} />
<Route path='/cookies' element={<Cookies />} />
<Route path='/themes' element={<Thematiques />} />
<Route path='/confidentiality' element={<Confidentiality />} />
<Route path='/test' element={<Test />} />
<Route path='*' element={<PageNotFound />} />
</Routes>
</AnimatePresence>
</>
);
}
export default App;