From 882de3bac839ad80a22a88121746c91d11122a60 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <256895@studenti.unimore.it>
Date: Wed, 21 Apr 2021 18:21:30 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20page=20routing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/frontend/src/App.js                      | 40 +++++++++----------
 code/frontend/src/routes/PageAlerts.js        | 12 ++++++
 .../frontend/src/routes/PageAlerts.module.css |  3 ++
 code/frontend/src/routes/PageHome.js          | 12 ++++++
 code/frontend/src/routes/PageHome.module.css  |  3 ++
 code/frontend/src/routes/PageRepositories.js  | 12 ++++++
 .../src/routes/PageRepositories.module.css    |  3 ++
 code/frontend/src/routes/PageSettings.js      | 12 ++++++
 .../src/routes/PageSettings.module.css        |  3 ++
 9 files changed, 79 insertions(+), 21 deletions(-)
 create mode 100644 code/frontend/src/routes/PageAlerts.js
 create mode 100644 code/frontend/src/routes/PageAlerts.module.css
 create mode 100644 code/frontend/src/routes/PageHome.js
 create mode 100644 code/frontend/src/routes/PageHome.module.css
 create mode 100644 code/frontend/src/routes/PageRepositories.js
 create mode 100644 code/frontend/src/routes/PageRepositories.module.css
 create mode 100644 code/frontend/src/routes/PageSettings.js
 create mode 100644 code/frontend/src/routes/PageSettings.module.css

diff --git a/code/frontend/src/App.js b/code/frontend/src/App.js
index 79e334c..1d782ed 100644
--- a/code/frontend/src/App.js
+++ b/code/frontend/src/App.js
@@ -9,6 +9,11 @@ import InputWithIcon from "./components/InputWithIcon"
 import Layout from "./components/Layout"
 import ContextTheme from "./contexts/ContextTheme"
 import { BrowserRouter } from "react-router-dom"
+import { Route, Switch } from "react-router"
+import PageHome from "./routes/PageHome"
+import PageRepositories from "./routes/PageRepositories"
+import PageAlerts from "./routes/PageAlerts"
+import PageSettings from "./routes/PageSettings"
 
 
 export default function App() {
@@ -20,27 +25,20 @@ export default function App() {
 
             <div className={classNames(Style.App, theme)}>
                 <Layout>
-                    <BoxWithHeader
-                        header={"Sto provando i bottoni!"}
-                    >
-                        <div>
-                            <div>
-                                Ammirate:
-                            </div>
-                            <div>
-                                <Button color={"Green"} icon={faArrowRight}>Verde</Button>
-                                <Button color={"Grey"} icon={faArchive}>Grigio</Button>
-                                <Button color={"Yellow"} icon={faExclamationTriangle}>Giallo</Button>
-                                <Button color={"Red"} icon={faTrash}>Rosso</Button>
-                            </div>
-                            <div>
-                                E già che ci siamo, un Input, con e senza icona:
-                            </div>
-                            <div>
-                                <Input/> <InputWithIcon icon={faSearch}/>
-                            </div>
-                        </div>
-                    </BoxWithHeader>
+                    <Switch>
+                        <Route path={"/"}>
+                            <PageHome/>
+                        </Route>
+                        <Route path={"/repositories"}>
+                            <PageRepositories/>
+                        </Route>
+                        <Route path={"/alerts"}>
+                            <PageAlerts/>
+                        </Route>
+                        <Route path={"/settings"}>
+                            <PageSettings/>
+                        </Route>
+                    </Switch>
                 </Layout>
             </div>
 
diff --git a/code/frontend/src/routes/PageAlerts.js b/code/frontend/src/routes/PageAlerts.js
new file mode 100644
index 0000000..86eee24
--- /dev/null
+++ b/code/frontend/src/routes/PageAlerts.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./PageAlerts.module.css"
+import classNames from "classnames"
+
+
+export default function PageAlerts({ children, className, ...props }) {
+    return (
+        <div className={classNames(Style.PageAlerts, className)} {...props}>
+            {children}
+        </div>
+    )
+}
diff --git a/code/frontend/src/routes/PageAlerts.module.css b/code/frontend/src/routes/PageAlerts.module.css
new file mode 100644
index 0000000..407624d
--- /dev/null
+++ b/code/frontend/src/routes/PageAlerts.module.css
@@ -0,0 +1,3 @@
+.PageAlerts {
+
+}
diff --git a/code/frontend/src/routes/PageHome.js b/code/frontend/src/routes/PageHome.js
new file mode 100644
index 0000000..6a254e0
--- /dev/null
+++ b/code/frontend/src/routes/PageHome.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./PageHome.module.css"
+import classNames from "classnames"
+
+
+export default function PageHome({ children, className, ...props }) {
+    return (
+        <div className={classNames(Style.PageHome, className)} {...props}>
+            {children}
+        </div>
+    )
+}
diff --git a/code/frontend/src/routes/PageHome.module.css b/code/frontend/src/routes/PageHome.module.css
new file mode 100644
index 0000000..c15562d
--- /dev/null
+++ b/code/frontend/src/routes/PageHome.module.css
@@ -0,0 +1,3 @@
+.PageHome {
+
+}
diff --git a/code/frontend/src/routes/PageRepositories.js b/code/frontend/src/routes/PageRepositories.js
new file mode 100644
index 0000000..940602c
--- /dev/null
+++ b/code/frontend/src/routes/PageRepositories.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./PageRepositories.module.css"
+import classNames from "classnames"
+
+
+export default function PageRepositories({ children, className, ...props }) {
+    return (
+        <div className={classNames(Style.PageRepositories, className)} {...props}>
+            {children}
+        </div>
+    )
+}
diff --git a/code/frontend/src/routes/PageRepositories.module.css b/code/frontend/src/routes/PageRepositories.module.css
new file mode 100644
index 0000000..6f970ae
--- /dev/null
+++ b/code/frontend/src/routes/PageRepositories.module.css
@@ -0,0 +1,3 @@
+.PageRepositories {
+
+}
diff --git a/code/frontend/src/routes/PageSettings.js b/code/frontend/src/routes/PageSettings.js
new file mode 100644
index 0000000..fad7ecb
--- /dev/null
+++ b/code/frontend/src/routes/PageSettings.js
@@ -0,0 +1,12 @@
+import React from "react"
+import Style from "./PageSettings.module.css"
+import classNames from "classnames"
+
+
+export default function PageSettings({ children, className, ...props }) {
+    return (
+        <div className={classNames(Style.PageSettings, className)} {...props}>
+            {children}
+        </div>
+    )
+}
diff --git a/code/frontend/src/routes/PageSettings.module.css b/code/frontend/src/routes/PageSettings.module.css
new file mode 100644
index 0000000..ce1af54
--- /dev/null
+++ b/code/frontend/src/routes/PageSettings.module.css
@@ -0,0 +1,3 @@
+.PageSettings {
+
+}