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

updating profile page

Browse Source
This commit is contained in:
Antoine M 2024-02-13 19:19:40 +01:00
parent 7804f4e766
commit 0e73b18a12
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/Profile.jsx
View File

@ -1,12 +1,15 @@
import React from "react"; import React from "react";
import Menu from "../components/Menu"; import Menu from "../components/ui/Menu";
import CountrySelect from "../components/CountrySelect"; import CountrySelect from "../components/ui/CountrySelect";
import ProfileSelect from "../components/ProfileSelect"; import ProfileSelect from "../components/ui/ProfileSelect";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { useWordpressCustomData } from "../hooks/WordpressFetchData"; import { useWordpressCustomData } from "../services/WordpressFetchData";
import { useUserContext } from "../hooks/useUserContext"; import { motion } from "framer-motion";
import { useNavigate } from "react-router-dom";
export default function Profile() { export default function Profile() {
const navigate = useNavigate();
const profileScreenDatas = useWordpressCustomData("/screen/profile"); const profileScreenDatas = useWordpressCustomData("/screen/profile");
// const { language } = useUserContext(); // const { language } = useUserContext();
@ -16,7 +19,7 @@ export default function Profile() {
const { profileScreenTitle, profileOptions, profileSelectTitle, profileCountrySelectTitle } = const { profileScreenTitle, profileOptions, profileSelectTitle, profileCountrySelectTitle } =
profileScreenDatas; profileScreenDatas;
console.log(profileScreenDatas); // console.log(profileScreenDatas);
return ( return (
<div className='page-container page-container--profile page-container-has-screen'> <div className='page-container page-container--profile page-container-has-screen'>
@ -33,10 +36,19 @@ export default function Profile() {
<h2>{profileCountrySelectTitle}</h2> <h2>{profileCountrySelectTitle}</h2>
<CountrySelect /> <CountrySelect />
</div> </div>
<Link
{/* <Link
to='/play' to='/play'
className='cta cta--construction cta--round cta--button-icon cta--next ' className='cta cta--construction cta--round cta--button-icon cta--next '
/> /> */}
<motion.button
whileHover={{ scale: 1.1 }}
whileTap={{ scale: 1.2 }}
className='cta cta--construction cta--round cta--button-icon cta--next '
onClick={() => {
navigate("/play");
}}></motion.button>
</section> </section>
</div> </div>
</div> </div>