From 6a133a6c566ef0db472df67426033553ac578784 Mon Sep 17 00:00:00 2001
From: mrfry <mrfry@airmail.cc>
Date: Fri, 12 Feb 2021 11:06:50 +0100
Subject: [PATCH] Logo change, showing popup when user has msg

---
 src/components/layout.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/layout.js b/src/components/layout.js
index 2d5411d..90de581 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -25,6 +25,7 @@ export default function Layout({
   const [sidebarOpen, setSidebarOpen] = useState(true)
   const [windowSize, setWindowSize] = useState([100, 200])
   const [showMotdModal, setShowMotdModal] = useState(false)
+  const [showNewMsgModal, setShowNewMsgModal] = useState(true)
 
   const userId = globalData.userId
   const userSpecificMotd = globalData.userSpecificMotd
@@ -78,7 +79,13 @@ export default function Layout({
             <div />
             <div />
           </span>
-          <div className="sidebarheader">Frylabs</div>
+          <div className="sidebarheader">
+            <img
+              style={{ maxWidth: '100%' }}
+              src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
+              alt="Frylabs"
+            />
+          </div>
         </div>
         {sidebarOpen ? (
           <>
@@ -160,6 +167,15 @@ export default function Layout({
         ) : null}
       </div>
       <div className="content">{children}</div>
+      {userSpecificMotd && !userSpecificMotd.seen && showNewMsgModal ? (
+        <Modal
+          closeClick={() => {
+            setShowNewMsgModal(false)
+          }}
+        >
+          Új üzeneted van, kattints 📬-ra bal alul megtekintéséhez!
+        </Modal>
+      ) : null}
       <BB />
     </div>
   )