From d51c16c31442b0485589f167d2c47e591302d529 Mon Sep 17 00:00:00 2001
From: Cesar <26280794+csrapr@users.noreply.github.com>
Date: Tue, 29 Dec 2020 20:43:19 +0000
Subject: [PATCH] Feat: use popper to render notifications

---
 new-lamassu-admin/public/index.html                            | 1 -
 .../components/NotificationCenter/NotificationCenter.styles.js | 3 +--
 new-lamassu-admin/src/components/layout/Header.js              | 1 -
 3 files changed, 1 insertion(+), 4 deletions(-)
diff --git a/new-lamassu-admin/public/index.html b/new-lamassu-admin/public/index.html
index 9fbcae31..867e9cce 100644
--- a/new-lamassu-admin/public/index.html
+++ b/new-lamassu-admin/public/index.html
@@ -27,7 +27,6 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root" class="root"></div>
-    <div id="modal-root"></div>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/new-lamassu-admin/src/components/NotificationCenter/NotificationCenter.styles.js b/new-lamassu-admin/src/components/NotificationCenter/NotificationCenter.styles.js
index ca5207fc..e852715a 100644
--- a/new-lamassu-admin/src/components/NotificationCenter/NotificationCenter.styles.js
+++ b/new-lamassu-admin/src/components/NotificationCenter/NotificationCenter.styles.js
@@ -16,7 +16,7 @@ const styles = {
     top: 0,
     zIndex: -1,
     backgroundColor: white,
-    height: '100vh'
+    boxShadow: '0 0 14px 0 rgba(0, 0, 0, 0.24)'
   },
   container: {
     left: -200,
@@ -53,7 +53,6 @@ const styles = {
     backgroundColor: zircon
   },
   notificationsList: {
-    zIndex: 10,
     width: 440,
     height: '90vh',
     maxHeight: '100vh',
diff --git a/new-lamassu-admin/src/components/layout/Header.js b/new-lamassu-admin/src/components/layout/Header.js
index 5bb798c0..ae1d1118 100644
--- a/new-lamassu-admin/src/components/layout/Header.js
+++ b/new-lamassu-admin/src/components/layout/Header.js
@@ -13,7 +13,6 @@ import AddMachine from 'src/pages/AddMachine'
 import { ReactComponent as AddIconReverse } from 'src/styling/icons/button/add/white.svg'
 import { ReactComponent as AddIcon } from 'src/styling/icons/button/add/zodiac.svg'
 import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg'
-import { ReactComponent as NotificationIconZodiac } from 'src/styling/icons/menu/notification-zodiac.svg'
 import { ReactComponent as NotificationIcon } from 'src/styling/icons/menu/notification.svg'
 
 import styles from './Header.styles'
