Refactor auth persistence logic

SafdarJamal · Jun 22, 2022 · 396d546 · 396d546
1 parent 2a39709
commit 396d546
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/components/App/index.js b/src/components/App/index.js
@@ -1,12 +1,14 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 
 import Login from '../Login';
 import Dashboard from '../Dashboard';
 
 const App = () => {
-  const [isAuthenticated, setIsAuthenticated] = useState(
-    JSON.parse(localStorage.getItem('isAuthenticated'))
-  );
+  const [isAuthenticated, setIsAuthenticated] = useState(null);
+
+  useEffect(() => {
+    setIsAuthenticated(JSON.parse(localStorage.getItem('is_authenticated')));
+  }, []);
 
   return (
     <>

diff --git a/src/components/Login/index.js b/src/components/Login/index.js
@@ -19,7 +19,7 @@ const Login = ({ setIsAuthenticated }) => {
           Swal.showLoading();
         },
         willClose: () => {
-          localStorage.setItem('isAuthenticated', true);
+          localStorage.setItem('is_authenticated', true);
           setIsAuthenticated(true);
 
           Swal.fire({

diff --git a/src/components/Logout/index.js b/src/components/Logout/index.js
@@ -18,7 +18,7 @@ const Logout = ({ setIsAuthenticated }) => {
             Swal.showLoading();
           },
           willClose: () => {
-            localStorage.setItem('isAuthenticated', false);
+            localStorage.setItem('is_authenticated', false);
             setIsAuthenticated(false);
           },
         });