From dccc7c17b449a2ad1ec7fde4750ffb05dc9bfbcc Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 1 Feb 2024 18:23:49 +0100
Subject: [PATCH] introducing game component

---
 src/assets/css/pages/Game.scss | 10 ++++++++++
 src/pages/Game.jsx             | 28 ++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/assets/css/pages/Game.scss
 create mode 100644 src/pages/Game.jsx

diff --git a/src/assets/css/pages/Game.scss b/src/assets/css/pages/Game.scss
new file mode 100644
index 0000000..1043f4b
--- /dev/null
+++ b/src/assets/css/pages/Game.scss
@@ -0,0 +1,10 @@
+.page-container--play {
+	// @apply pt-32;
+
+	.screen {
+		@apply pt-20;
+	}
+	.salut {
+		@apply bg-red-300;
+	}
+}
diff --git a/src/pages/Game.jsx b/src/pages/Game.jsx
new file mode 100644
index 0000000..04f459e
--- /dev/null
+++ b/src/pages/Game.jsx
@@ -0,0 +1,28 @@
+import Menu from "../components/Menu";
+import { useWordpressData } from "../hooks/WordpressFetchData";
+
+export default function Game() {
+	const screenData = useWordpressData("/search-and-find");
+	if (!screenData) return;
+	console.log(screenData[0]);
+
+	return (
+		<div className='page-container page-container--play'>
+			<div className='screen'>
+				<Menu />
+				<div className='salut'>helloo</div>
+				<section className='screen__game'>
+					<h1>{screenData[0].title.rendered}</h1>
+					{screenData && <h2>{screenData[0].title.rendered}</h2>}
+					{screenData && (
+						<div
+							dangerouslySetInnerHTML={{
+								__html: screenData[0].content.rendered,
+							}}
+						/>
+					)}
+				</section>
+			</div>
+		</div>
+	);
+}