Logo change, showing popup when user has msg

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>
   )