Feature/developer dark merged

.vscode/launch.json

@@ -8,7 +8,7 @@
             "type": "pwa-chrome",
             "request": "launch",
             "name": "Launch Chrome localhost",
-            "url": "http://localhost:3002",
+            "url": "http://localhost:3000",
             "webRoot": "${workspaceFolder}"
         }
     ]

package.json

@@ -69,7 +69,7 @@
     "redux": "^4.0.5",
     "redux-observable": "^1.2.0",
     "rxjs": "^6.6.3",
-    "skynet-js": "^4.0.6-beta",
+    "skynet-js": "^4.0.8-beta",
     "slick-carousel": "^1.8.1",
     "social-dac-library": "^0.2.3",
     "tweetnacl": "^1.0.3",

src/App.js

@@ -1,6 +1,6 @@
 import { ThemeProvider } from "@material-ui/core";
 import React, { useEffect, useState } from "react";
-import { useDispatch } from "react-redux";
+import { useDispatch, useSelector} from "react-redux";
 import { HashRouter as Router } from "react-router-dom";
 import Nav from "./components/Navbar/Nav";
 import Sidebar from "./components/Sidebar/Sidebar";
@@ -13,24 +13,37 @@ import { skappTheme } from "./theme/Theme";
 
 function App() {
   const [toggle, setToggle] = useState(false);
+  const [isLoggedIn, setIsLoggedIn] = useState(false);
   const dispatch = useDispatch();
+  const userSession = useSelector((state) => state.userSession)
+
   useEffect(() => {
     initMySky().then((data) => {
-      if (data && data.loggedIn)
-        // only if login is true set session
+      console.log("### MySky Session Initialized Successfully !!");
+      if (data)
         dispatch(setUserSession(data.userSession));
     });
-  }, [dispatch]);
+  }, []);
+
+  useEffect(() => {
+    if(userSession?.mySky)
+    {
+      userSession.mySky.checkLogin().then((loginStatus)=>{
+        setIsLoggedIn(loginStatus)
+      })
+    }
+  }, [userSession]);
   return (
     <Router>
       <ThemeProvider theme={skappTheme}>
         <SnLoader />
         <div className="App">
           <Nav toggle={toggle} setToggle={setToggle} />
           <section className="main-content">
+            {isLoggedIn ?
             <aside className="app-sidebar">
               <Sidebar toggle={toggle} />
-            </aside>
+            </aside> : null}
             <main className="app-content" id="app-content">
               <SnRouter toggle={toggle} />
             </main>