From 26a3d63152f8486bc134f7fe108087361a180bf7 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 13 Feb 2024 19:18:15 +0100
Subject: [PATCH] adding temporrary extra controls to handle functions

---
 src/assets/css/components/ExtraControls.scss |  4 ++
 src/components/game/ExtraControls.jsx        | 41 ++++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 src/assets/css/components/ExtraControls.scss
 create mode 100644 src/components/game/ExtraControls.jsx

diff --git a/src/assets/css/components/ExtraControls.scss b/src/assets/css/components/ExtraControls.scss
new file mode 100644
index 0000000..ca12a3c
--- /dev/null
+++ b/src/assets/css/components/ExtraControls.scss
@@ -0,0 +1,4 @@
+.extra-controls {
+	@apply bg-purple-300 absolute bottom-1/2 right-0 h-16 flex justify-center items-center px-12;
+	z-index: 50;
+}
diff --git a/src/components/game/ExtraControls.jsx b/src/components/game/ExtraControls.jsx
new file mode 100644
index 0000000..955d346
--- /dev/null
+++ b/src/components/game/ExtraControls.jsx
@@ -0,0 +1,41 @@
+import React from "react";
+import { useGame } from "../../hooks/useGame";
+import GameQuestion from "./GameQuestion";
+import { useNavigate } from "react-router-dom";
+import { useUser } from "../../hooks/useUser";
+import { postGameStatisticsData } from "../../services/WordpressFetchData";
+export default function ExtraControls() {
+	const { language, country } = useUser();
+	const { contextGameDatas, score, currentGameModal, setCurrentGameModal } = useGame();
+
+	const navigate = useNavigate();
+
+	const correctAnswer = contextGameDatas?.gameObjects[0].attrs.behaviourType;
+	const objectPictureUrl = contextGameDatas?.gameObjects[0].attrs.objectPictureUrl;
+
+	function sendDatasTest() {
+		postGameStatisticsData();
+	}
+
+	return (
+		<div className='extra-controls'>
+			<button onClick={sendDatasTest}>send datas</button>
+			<button className='addModal' onClick={() => navigate("/")}>
+				go home
+			</button>
+			<button
+				className='addModal'
+				onClick={() =>
+					setCurrentGameModal(
+						<GameQuestion
+							questionId={0}
+							correctAnswer={correctAnswer}
+							objectPictureUrl={objectPictureUrl}
+						/>
+					)
+				}>
+				AddModal
+			</button>
+		</div>
+	);
+}