From db6e4852711c8ca562b4a8439060bf62396afef1 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 30 Jan 2024 17:13:17 +0100
Subject: [PATCH] introducing screens

---
 src/pages/Home.jsx            | 34 ++++++++++++++++++++++++++++++++--
 src/pages/Single.jsx          | 11 +++++++++++
 src/pages/Test.jsx            | 16 ++++++++++++++++
 src/screens/SearchAndFind.jsx | 25 +++++++++++++++++++++++++
 4 files changed, 84 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/Single.jsx
 create mode 100644 src/pages/Test.jsx
 create mode 100644 src/screens/SearchAndFind.jsx

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 1d2da74..cd8d5a4 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -1,5 +1,35 @@
-import React from "react";
+import Menu from "../components/Menu";
+import { useWordpressCustomData } from "../hooks/WordpressFetchData";
+import coverWorker from "../assets/img/cover_worker.svg";
+import screenWorker1 from "../assets/img/screen_worker_1.svg";
+import screenWorker2 from "../assets/img/screen_worker_2.svg";
+import { Link } from "react-router-dom";
+
 
 export default function Home() {
-	return <div>Home</div>;
+	const welcomeScreenDatas = useWordpressCustomData("/interface-content/welcome");
+
+	if (!welcomeScreenDatas) {
+		return <div>Chargement...</div>;
+	}
+	return (
+		<div className='page-container page-container--home'>
+			<div className='screen screen--home'>
+				<Menu />
+				<section className='screen__content'>
+					<img className='cover_worker' src={coverWorker} alt='' />
+					<h1 className='application_title'>{welcomeScreenDatas.applicationTitle}</h1>
+					<h2 className='application_subtitle'>
+						{welcomeScreenDatas.applicationSubtitle}
+					</h2>
+					<p className='application_description'>
+						{welcomeScreenDatas.applicationDescription}
+					</p>
+					<Link to='/profile' className='cta cta--construction cta--round cta--play ' />
+				</section>
+				<img className='screen_worker_1' src={screenWorker1} alt='' />
+				<img className='screen_worker_2' src={screenWorker2} alt='' />
+			</div>
+		</div>
+	);
 }
diff --git a/src/pages/Single.jsx b/src/pages/Single.jsx
new file mode 100644
index 0000000..262f46b
--- /dev/null
+++ b/src/pages/Single.jsx
@@ -0,0 +1,11 @@
+import { useParams } from "react-router-dom";
+
+export default function Single() {
+	const { id } = useParams();
+	return (
+		<div>
+			Single
+			<h1>Article {id}</h1>
+		</div>
+	);
+}
diff --git a/src/pages/Test.jsx b/src/pages/Test.jsx
new file mode 100644
index 0000000..3576752
--- /dev/null
+++ b/src/pages/Test.jsx
@@ -0,0 +1,16 @@
+import Menu from "../components/Menu";
+import { postWordpressStatisticsData } from "../hooks/WordpressFetchData";
+
+export default function Test() {
+	function addPost() {
+		postWordpressStatisticsData("/statistics/post");
+	}
+	return (
+		<div className='page-test'>
+			<Menu />
+			<div id='screen-container'>
+				<button onClick={addPost}>Finish the game</button>
+			</div>
+		</div>
+	);
+}
diff --git a/src/screens/SearchAndFind.jsx b/src/screens/SearchAndFind.jsx
new file mode 100644
index 0000000..ff5ccb8
--- /dev/null
+++ b/src/screens/SearchAndFind.jsx
@@ -0,0 +1,25 @@
+import Menu from "../components/Menu";
+import { useWordpressData } from "../hooks/WordpressFetchData";
+
+export default function SearchAndFind() {
+	const screenData = useWordpressData("/search-and-find");
+
+	return (
+		<div className='page-container page-container--play'>
+			<div id='screen-container'>
+				<Menu />
+
+				<div>
+					{screenData && <h2>{screenData[0].title.rendered}</h2>}
+					{screenData && (
+						<div
+							dangerouslySetInnerHTML={{
+								__html: screenData[0].content.rendered,
+							}}
+						/>
+					)}
+				</div>
+			</div>
+		</div>
+	);
+}