From 5ca9da21a31cfa83e2a9fef7322bd7d01ffc3183 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Fri, 12 Jan 2024 19:55:22 -0600
Subject: [PATCH] more

---
 src/Components/MobileContent.js | 11 ++++++++++-
 src/styles/app.scss             | 21 +++++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/Components/MobileContent.js b/src/Components/MobileContent.js
index 4242eb9..7bcc3b2 100644
--- a/src/Components/MobileContent.js
+++ b/src/Components/MobileContent.js
@@ -1,4 +1,5 @@
 import legalTechFlip from "../Assets/Images/legalTechFlip.jpg";
+import { ExclamationTriangle } from "react-bootstrap-icons";
 const MobileContent = ({ isDashboard }) => {
   const copy = isDashboard ? (
     <>
@@ -31,8 +32,16 @@ const MobileContent = ({ isDashboard }) => {
         ) : (
           <>
             <div>
-              <div>
+              <div className="notication-container">
                 <strong>Notification Center</strong>
+                <div className="notication-text-container">
+                  <p>
+                    <ExclamationTriangle
+                      style={{ color: "red", marginBottom: "5px" }}
+                    />
+                  </p>
+                  <p className="notification-text">No new notifications</p>
+                </div>
               </div>
             </div>
           </>
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 60c9026..d431a4c 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -123,4 +123,25 @@ p {
     margin-bottom: 6px;
     padding: 0px 6px;
   }
+  .notication-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-right: auto;
+    margin-left: auto;
+    margin-bottom: 40px;
+  }
+
+  .notication-text-container {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    font-size: 1rem;
+    margin-top: 12px;
+  }
+
+  .notification-text {
+    margin-left: 16px;
+  }
 }