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 Menu from "../components/Menu";
import CountrySelect from "../components/CountrySelect";
import ProfileSelect from "../components/ProfileSelect";
import Menu from "../components/ui/Menu";
import CountrySelect from "../components/ui/CountrySelect";
import ProfileSelect from "../components/ui/ProfileSelect";
import { Link } from "react-router-dom";
import { useWordpressCustomData } from "../hooks/WordpressFetchData";
import { useUserContext } from "../hooks/useUserContext";
import { useWordpressCustomData } from "../services/WordpressFetchData";
import { motion } from "framer-motion";
import { useNavigate } from "react-router-dom";
export default function Profile() {
const navigate = useNavigate();
const profileScreenDatas = useWordpressCustomData("/screen/profile");
// const { language } = useUserContext();
@ -16,7 +19,7 @@ export default function Profile() {
const { profileScreenTitle, profileOptions, profileSelectTitle, profileCountrySelectTitle } =
profileScreenDatas;
console.log(profileScreenDatas);
// console.log(profileScreenDatas);
return (
<div className='page-container page-container--profile page-container-has-screen'>
@ -33,10 +36,19 @@ export default function Profile() {
<h2>{profileCountrySelectTitle}</h2>
<CountrySelect />
</div>
<Link
{/* <Link
to='/play'
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>
</div>
</div>