From afb13c28727df9c6484de91f919ee6eabf5c9eab Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 13 Mar 2024 17:49:59 +0100
Subject: [PATCH] introducing page

---
 src/pages/ConditionsOfUse.jsx | 45 ++++++++++++++++++++++++++++++++++
 src/pages/Confidentiality.jsx | 44 +++++++++++++++++++++++++++++++++
 src/pages/Cookies.jsx         | 46 +++++++++++++++++++++++++++++++++++
 3 files changed, 135 insertions(+)
 create mode 100644 src/pages/ConditionsOfUse.jsx
 create mode 100644 src/pages/Confidentiality.jsx
 create mode 100644 src/pages/Cookies.jsx

diff --git a/src/pages/ConditionsOfUse.jsx b/src/pages/ConditionsOfUse.jsx
new file mode 100644
index 0000000..9240bca
--- /dev/null
+++ b/src/pages/ConditionsOfUse.jsx
@@ -0,0 +1,45 @@
+import React from "react";
+import { useWordpressCustomData } from "../services/WordpressFetchData";
+
+import Nav from "../components/ui/Nav";
+import AnimatedPage from "../components/AnimatedPage";
+import Loading from "../components/animations/Loading";
+import Footer from "../components/ui/Footer";
+import { useUser } from "../hooks/useUser";
+
+export default function ConditionsOfUse() {
+	const pageDatas = useWordpressCustomData(`/page/177`);
+	const { screensTranslations } = useUser();
+
+	if (!pageDatas) return <Loading />;
+
+	const uiTranslations = screensTranslations.ui;
+
+	const dateObject = new Date(pageDatas.post_date);
+	const formattedPostDate = dateObject.toLocaleDateString("fr-FR", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+	});
+	return (
+		<AnimatedPage className='page-container page-container--cookies  '>
+			<div className='content-page '>
+				<Nav />
+
+				<div className='editor_inner_content'>
+					<div className='page-title'>
+						<h1 className='page-title__title'>{pageDatas.post_title}</h1>
+						<p className='page-title__last-update'>
+							{uiTranslations?.last_update} {" : "} {formattedPostDate}
+						</p>
+					</div>
+					<div
+						className='editor_inner_content__wp-content'
+						dangerouslySetInnerHTML={{ __html: pageDatas.post_content }}
+					/>
+					<Footer />
+				</div>
+			</div>
+		</AnimatedPage>
+	);
+}
diff --git a/src/pages/Confidentiality.jsx b/src/pages/Confidentiality.jsx
new file mode 100644
index 0000000..e41619e
--- /dev/null
+++ b/src/pages/Confidentiality.jsx
@@ -0,0 +1,44 @@
+import React from "react";
+import { useWordpressCustomData } from "../services/WordpressFetchData";
+import { useUser } from "../hooks/useUser";
+import Loading from "../components/animations/Loading";
+import AnimatedPage from "../components/AnimatedPage";
+import Nav from "../components/ui/Nav";
+import Footer from "../components/ui/Footer";
+
+export default function Confidentiality() {
+	const pageDatas = useWordpressCustomData(`/page/174`);
+	const { screensTranslations } = useUser();
+
+	if (!pageDatas) return <Loading />;
+
+	const uiTranslations = screensTranslations.ui;
+
+	const dateObject = new Date(pageDatas.post_date);
+	const formattedPostDate = dateObject.toLocaleDateString("fr-FR", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+	});
+	return (
+		<AnimatedPage className='page-container page-container--cookies  '>
+			<div className='content-page '>
+				<Nav />
+
+				<div className='editor_inner_content'>
+					<div className='page-title'>
+						<h1 className='page-title__title'>{pageDatas.post_title}</h1>
+						<p className='page-title__last-update'>
+							{uiTranslations?.last_update} {" : "} {formattedPostDate}
+						</p>
+					</div>
+					<div
+						className='editor_inner_content__wp-content'
+						dangerouslySetInnerHTML={{ __html: pageDatas.post_content }}
+					/>
+					<Footer />
+				</div>
+			</div>
+		</AnimatedPage>
+	);
+}
diff --git a/src/pages/Cookies.jsx b/src/pages/Cookies.jsx
new file mode 100644
index 0000000..368311d
--- /dev/null
+++ b/src/pages/Cookies.jsx
@@ -0,0 +1,46 @@
+import React from "react";
+import { useWordpressCustomData } from "../services/WordpressFetchData";
+
+import Nav from "../components/ui/Nav";
+import AnimatedPage from "../components/AnimatedPage";
+import Loading from "../components/animations/Loading";
+import Footer from "../components/ui/Footer";
+import { useUser } from "../hooks/useUser";
+
+export default function Cookies() {
+	const pageDatas = useWordpressCustomData(`/page/166`);
+	const { screensTranslations } = useUser();
+
+	if (!pageDatas) return <Loading />;
+
+	const uiTranslations = screensTranslations.ui;
+
+	const dateObject = new Date(pageDatas.post_date);
+	const formattedPostDate = dateObject.toLocaleDateString("fr-FR", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+	});
+
+	return (
+		<AnimatedPage className='page-container page-container--cookies  '>
+			<div className='content-page '>
+				<Nav />
+
+				<div className='editor_inner_content'>
+					<div className='page-title'>
+						<h1 className='page-title__title'>{pageDatas.post_title}</h1>
+						<p className='page-title__last-update'>
+							{uiTranslations?.last_update} {" : "} {formattedPostDate}
+						</p>
+					</div>
+					<div
+						className='editor_inner_content__wp-content'
+						dangerouslySetInnerHTML={{ __html: pageDatas.post_content }}
+					/>
+					<Footer />
+				</div>
+			</div>
+		</AnimatedPage>
+	);
+}