From 0e73b18a12fdc19ab26d340b91b9d8994b662bbf Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 13 Feb 2024 19:19:40 +0100
Subject: [PATCH] updating profile page

---
 src/pages/Profile.jsx | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/pages/Profile.jsx b/src/pages/Profile.jsx
index 53a5e9e..937c285 100644
--- a/src/pages/Profile.jsx
+++ b/src/pages/Profile.jsx
@@ -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>