From bc2e487e31292d22ac8444d42c19e81d8d7d3a04 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <256895@studenti.unimore.it>
Date: Wed, 21 Apr 2021 18:32:43 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Add=20layout=20to=20PageReposito?=
 =?UTF-8?q?ries?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/frontend/src/routes/PageRepositories.js   |  8 +++++++-
 .../src/routes/PageRepositories.module.css     | 18 ++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/code/frontend/src/routes/PageRepositories.js b/code/frontend/src/routes/PageRepositories.js
index 940602c..d21f9da 100644
--- a/code/frontend/src/routes/PageRepositories.js
+++ b/code/frontend/src/routes/PageRepositories.js
@@ -1,12 +1,18 @@
 import React from "react"
 import Style from "./PageRepositories.module.css"
 import classNames from "classnames"
+import BoxWithHeader from "../components/BoxWithHeader"
 
 
 export default function PageRepositories({ children, className, ...props }) {
     return (
         <div className={classNames(Style.PageRepositories, className)} {...props}>
-            {children}
+            <BoxWithHeader header={"Your active repositories"} className={Style.ActiveRepositories}>
+                a
+            </BoxWithHeader>
+            <BoxWithHeader header={"Your archived repositories"} className={Style.ArchivedRepositories}>
+                b
+            </BoxWithHeader>
         </div>
     )
 }
diff --git a/code/frontend/src/routes/PageRepositories.module.css b/code/frontend/src/routes/PageRepositories.module.css
index 6f970ae..39b1114 100644
--- a/code/frontend/src/routes/PageRepositories.module.css
+++ b/code/frontend/src/routes/PageRepositories.module.css
@@ -1,3 +1,21 @@
 .PageRepositories {
+    display: grid;
 
+    grid-template-areas:
+        "a"
+        "b"
+    ;
+
+    grid-gap: 10px;
+
+    width: 100%;
+    height: 100%;
+}
+
+.ActiveRepositories {
+    grid-area: a;
+}
+
+.ArchivedRepositories {
+    grid-area: b;
 }