From 7b320f01c3d1f9a3f962e4d224d01ce8231b6db0 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <256895@studenti.unimore.it>
Date: Thu, 29 Apr 2021 17:04:56 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Start=20building=20PageDashboard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/frontend/src/routes/PageDashboard.js     | 76 ++++++++++---------
 .../src/routes/PageDashboard.module.css       | 11 ++-
 2 files changed, 47 insertions(+), 40 deletions(-)

diff --git a/code/frontend/src/routes/PageDashboard.js b/code/frontend/src/routes/PageDashboard.js
index cf4da58..aa476bf 100644
--- a/code/frontend/src/routes/PageDashboard.js
+++ b/code/frontend/src/routes/PageDashboard.js
@@ -10,48 +10,50 @@ import Radio from "../components/base/Radio"
 import Button from "../components/base/Button"
 import FormLabelled from "../components/base/FormLabelled"
 import FormLabel from "../components/base/formparts/FormLabel"
+import RepositoryEditor from "../components/providers/RepositoryEditor"
+import BoxConditionHashtag from "../components/interactive/BoxConditionHashtag"
+import BoxConditions from "../components/interactive/BoxConditions"
 
 
 export default function PageDashboard({ children, className, ...props }) {
     return (
         <div className={classNames(Style.PageHome, className)} {...props}>
-            <BoxHeader className={Style.Header}>
-                Create a new repository
-            </BoxHeader>
-            <BoxFull className={Style.SearchByZone} header={
-                <label><Checkbox/> Search by zone</label>
-            }>
-                🚧 Not implemented.
-            </BoxFull>
-            <BoxFull className={Style.SearchByHashtags} header={
-                <label><Checkbox/> Search by hashtag</label>
-            }>
-                🚧 Not implemented.
-            </BoxFull>
-            <BoxFull className={Style.SearchByTimePeriod} header={
-                <label><Checkbox/> Search by time period</label>
-            }>
-                🚧 Not implemented.
-            </BoxFull>
-            <BoxFull className={Style.CreateDialog} header={"Create repository"}>
-                <FormLabelled>
-                    <FormLabel htmlFor={"repo-name"} text={"Repository name"}>
-                        <InputWithIcon id={"repo-name"} icon={faFolder}/>
-                    </FormLabel>
-                    <FormLabel htmlFor={"filter-mode"} text={"Add tweets if they satisfy"}>
-                        <label>
-                            <Radio name={"filter-mode"} value={"or"}/> At least one filter
-                        </label>
-                        &nbsp;
-                        <label>
-                            <Radio name={"filter-mode"} value={"and"}/> Every filter
-                        </label>
-                    </FormLabel>
-                    <Button style={{"gridColumn": "1 / 3"}} icon={faPlus} color={"Green"}>
-                        Create repository
-                    </Button>
-                </FormLabelled>
-            </BoxFull>
+            <RepositoryEditor>
+                <BoxHeader className={Style.Header}>
+                    Create a new repository
+                </BoxHeader>
+                <BoxFull className={Style.SearchByZone} header={
+                    <label><Checkbox/> Search by zone</label>
+                }>
+                    🚧 Not implemented.
+                </BoxFull>
+                <BoxConditionHashtag className={Style.SearchByHashtags}/>
+                <BoxFull className={Style.SearchByTimePeriod} header={
+                    <label><Checkbox/> Search by time period</label>
+                }>
+                    🚧 Not implemented.
+                </BoxFull>
+                <BoxConditions className={Style.Conditions}/>
+                <BoxFull className={Style.CreateDialog} header={"Create repository"}>
+                    <FormLabelled>
+                        <FormLabel htmlFor={"repo-name"} text={"Repository name"}>
+                            <InputWithIcon id={"repo-name"} icon={faFolder}/>
+                        </FormLabel>
+                        <FormLabel htmlFor={"filter-mode"} text={"Add tweets if they satisfy"}>
+                            <label>
+                                <Radio name={"filter-mode"} value={"or"}/> At least one filter
+                            </label>
+                            &nbsp;
+                            <label>
+                                <Radio name={"filter-mode"} value={"and"}/> Every filter
+                            </label>
+                        </FormLabel>
+                        <Button style={{"gridColumn": "1 / 3"}} icon={faPlus} color={"Green"}>
+                            Create repository
+                        </Button>
+                    </FormLabelled>
+                </BoxFull>
+            </RepositoryEditor>
         </div>
     )
 }
diff --git a/code/frontend/src/routes/PageDashboard.module.css b/code/frontend/src/routes/PageDashboard.module.css
index ce700f5..48a6af6 100644
--- a/code/frontend/src/routes/PageDashboard.module.css
+++ b/code/frontend/src/routes/PageDashboard.module.css
@@ -6,8 +6,9 @@
         "b c"
         "b d"
         "b e"
+        "b f"
     ;
-    grid-template-rows: auto 1fr 1fr auto;
+    grid-template-rows: auto auto auto 1fr auto;
 
     grid-gap: 10px;
 
@@ -31,6 +32,10 @@
     grid-area: d;
 }
 
-.CreateDialog {
+.Conditions {
     grid-area: e;
-}
\ No newline at end of file
+}
+
+.CreateDialog {
+    grid-area: f;
+}