🚧 Start building PageDashboard

code/frontend/src/routes/PageDashboard.js

@@ -10,11 +10,15 @@ 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}>
+            <RepositoryEditor>
                 <BoxHeader className={Style.Header}>
                     Create a new repository
                 </BoxHeader>
@@ -23,16 +27,13 @@ export default function PageDashboard({ children, className, ...props }) {
                 }>
                     🚧 Not implemented.
                 </BoxFull>
-            <BoxFull className={Style.SearchByHashtags} header={
-                <label><Checkbox/> Search by hashtag</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"}>
@@ -52,6 +53,7 @@ export default function PageDashboard({ children, className, ...props }) {
                         </Button>
                     </FormLabelled>
                 </BoxFull>
+            </RepositoryEditor>
         </div>
     )
 }

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;
 }
+
+.CreateDialog {
+    grid-area: f;
+}