Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactoring and cleaning

Browse Source
This commit is contained in:
Antoine M 2024-03-13 17:52:35 +01:00
parent 1f398ca655
commit 16f4f2297d
1 changed files with 38 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/Home.jsx
View File

@ -1,22 +1,31 @@
import Nav from "../components/ui/Nav"; import Lottie from "lottie-react";
import { useWordpressCustomData } from "../services/WordpressFetchData"; import { useUser } from "../hooks/useUser";
import coverWorker from "../assets/img/cover_worker.svg";
import screenWorker1 from "../assets/img/screen_worker_1.svg";
import screenWorker2 from "../assets/img/screen_worker_2.svg";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import Nav from "../components/ui/Nav";
import coverWorker from "../assets/img/illustrations/cover_worker.svg";
import screenWorker1 from "../assets/img/illustrations/screen_worker_1.svg";
import screenWorker2 from "../assets/img/illustrations/screen_worker_2.svg";
import AnimatedPage from "../components/AnimatedPage"; import AnimatedPage from "../components/AnimatedPage";
// import screensTranslations from "../data/screensTranslations.json"; import cloudPageTransition from "../assets/animations/transition-nuages-pages";
import { useUser } from "../hooks/useUser";
import { useEffect } from "react";
export default function Home() { export default function Home() {
const { language, screensTranslations } = useUser(); const { screensTranslations } = useUser();
if (!screensTranslations || !screensTranslations.home) return <p>loading</p>; if (!screensTranslations || !screensTranslations.home) return <p>loading</p>;
const currentScreenTranslations = screensTranslations.home; const currentScreenTranslations = screensTranslations.home;
return ( return (
<>
<Lottie
// lottieRef={playerRef}
className='test-load-animation'
animationData={cloudPageTransition}
speed={21}
loop={false}
autoplay
/>
<AnimatedPage className='page-container page-container--home'> <AnimatedPage className='page-container page-container--home'>
<div className='screen screen--home'> <div className='screen screen--home'>
<Nav /> <Nav />
@ -36,5 +45,6 @@ export default function Home() {
<img className='screen_worker_2' src={screenWorker2} alt='' /> <img className='screen_worker_2' src={screenWorker2} alt='' />
</div> </div>
</AnimatedPage> </AnimatedPage>
</>
); );
} }