From b842174ebe11785c0b41f4bb41dce5c29fcd7c0c Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Sat, 29 Jan 2022 23:58:55 +0100
Subject: [PATCH] create Page component

---
 src/components/Page/Page.tsx                       | 14 ++++++++++++++
 .../Board => components/Page}/styles.module.scss   |  4 ++--
 src/pages/Board/Board.tsx                          | 14 ++++++--------
 3 files changed, 22 insertions(+), 10 deletions(-)
 create mode 100644 src/components/Page/Page.tsx
 rename src/{pages/Board => components/Page}/styles.module.scss (78%)

diff --git a/src/components/Page/Page.tsx b/src/components/Page/Page.tsx
new file mode 100644
index 0000000..b595180
--- /dev/null
+++ b/src/components/Page/Page.tsx
@@ -0,0 +1,14 @@
+import React, { FC } from "react"
+import styles from "./styles.module.scss"
+
+type Props = {
+    children: React.ReactNode
+}
+
+const Page: FC<Props> = ({ children }): JSX.Element => (
+    <div className={styles.pageWrapper}>
+        <div className={styles.pageContent}>{children}</div>
+    </div>
+)
+
+export default Page
diff --git a/src/pages/Board/styles.module.scss b/src/components/Page/styles.module.scss
similarity index 78%
rename from src/pages/Board/styles.module.scss
rename to src/components/Page/styles.module.scss
index 116c1e4..fd951e3 100755
--- a/src/pages/Board/styles.module.scss
+++ b/src/components/Page/styles.module.scss
@@ -1,9 +1,9 @@
 @import "../../theme/mixins";
 
-.boardPage {
+.pageWrapper {
     @include page-wrapper-center;
 }
 
-.boardContent {
+.pageContent {
     @include page-content-wrapper(800px);
 }
diff --git a/src/pages/Board/Board.tsx b/src/pages/Board/Board.tsx
index 73344c1..e6b7587 100644
--- a/src/pages/Board/Board.tsx
+++ b/src/pages/Board/Board.tsx
@@ -6,9 +6,9 @@ import { AppThunk } from "../../store"
 import { fetchVolunteerDayWishesSetIfNeed } from "../../store/volunteerDayWishesSet"
 import { selectUserJwtToken } from "../../store/auth"
 import DDayInformations from "../../components/VolunteerBoard/DDayInformations/DDaysInformations"
-import styles from "./styles.module.scss"
 import DayWishes from "../../components/VolunteerBoard/DayWishes/DayWishes"
 import DayWishesFormModal from "../../components/VolunteerBoard/DayWishesForm/DayWishesFormModal"
+import Page from "../../components/Page/Page"
 
 export type Props = RouteComponentProps
 
@@ -18,13 +18,11 @@ const BoardPage: FC<Props> = (): JSX.Element => {
     if (jwtToken === undefined) return <p>Loading...</p>
     if (jwtToken) {
         return (
-            <div className={styles.boardPage}>
-                <div className={styles.boardContent}>
-                    <DayWishes />
-                    <DayWishesFormModal />
-                    <DDayInformations />
-                </div>
-            </div>
+            <Page>
+                <DayWishes />
+                <DayWishesFormModal />
+                <DDayInformations />
+            </Page>
         )
     }
     return <div>Besoin d&apos;être identifié</div>