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

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

diff --git a/code/frontend/src/routes/PageAlerts.js b/code/frontend/src/routes/PageAlerts.js
index 86eee24..e1a1f90 100644
--- a/code/frontend/src/routes/PageAlerts.js
+++ b/code/frontend/src/routes/PageAlerts.js
@@ -1,12 +1,18 @@
 import React from "react"
 import Style from "./PageAlerts.module.css"
 import classNames from "classnames"
+import BoxWithHeader from "../components/BoxWithHeader"
 
 
 export default function PageAlerts({ children, className, ...props }) {
     return (
         <div className={classNames(Style.PageAlerts, className)} {...props}>
-            {children}
+            <BoxWithHeader header={"Your alerts"} className={Style.YourAlerts}>
+                a
+            </BoxWithHeader>
+            <BoxWithHeader header={"Create new alert"} className={Style.CreateAlert}>
+                b
+            </BoxWithHeader>
         </div>
     )
 }
diff --git a/code/frontend/src/routes/PageAlerts.module.css b/code/frontend/src/routes/PageAlerts.module.css
index 407624d..8ae9595 100644
--- a/code/frontend/src/routes/PageAlerts.module.css
+++ b/code/frontend/src/routes/PageAlerts.module.css
@@ -1,3 +1,21 @@
 .PageAlerts {
+    display: grid;
 
+    grid-template-areas:
+        "a"
+        "b"
+    ;
+
+    grid-gap: 10px;
+
+    width: 100%;
+    height: 100%;
 }
+
+.YourAlerts {
+    grid-area: a;
+}
+
+.CreateAlert {
+    grid-area: b;
+}
\ No newline at end of file