Auto logout with alert

C-and-H · Sep 3, 2021 · 343dfe7 · 343dfe7
1 parent d99f37a
commit 343dfe7
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 6 deletions.
diff --git a/frontend/src/App.js b/frontend/src/App.js
@@ -12,7 +12,6 @@ import Verify from "./Components/Verify";
 import ContactList from "./Components/contactList";
 import SearchUser from "./Components/searchUser";
 
-
 class App extends Component {
   constructor(props) {
     super(props);
@@ -25,7 +24,14 @@ class App extends Component {
   }
 
   async componentDidMount() {
-    const basic = AuthService.getBasicInfo();
+    let basic = AuthService.getBasicInfo();
+    if (basic) {
+      await AuthService.validToken(basic.token);
+      basic = AuthService.getBasicInfo();
+      if (!basic) {
+        this.setState({ basic: null, currentUser: null });
+      }
+    }
 
     if (basic) {
       await AuthService.getUserDataFromBackend(basic.token, basic.id);
@@ -43,7 +49,7 @@ class App extends Component {
     return (
       <div className="App">
         <Router>
-          <NavigationBar user = {currentUser} onLogOut = {this.handleLogOut} />
+          <NavigationBar user={currentUser} onLogOut={this.handleLogOut} />
           <Switch>
             <Route exact path="/signup" component={SignUp} />
             <Route path="/login" component={LogIn} />
@@ -56,7 +62,7 @@ class App extends Component {
             <Route path="/signup/:email/:code">
               <Verify />
             </Route>
-            <Route path = "/">
+            <Route path="/">
               <HomePage />
             </Route>
           </Switch>

diff --git a/frontend/src/Services/AuthService.js b/frontend/src/Services/AuthService.js
@@ -25,6 +25,17 @@ class AuthService {
     }
   }
 
+  async validToken(token) {
+    const response = await axios.post(API_URL + "/jwt/checkExpired", {
+      authToken: token,
+    });
+
+    if (!response.data) {
+      this.logout();
+      alert("Login expired, please login again.");
+    }
+  }
+
   async login(username, password) {
     const response = await axios.post(API_URL + "/login", {
       username,

diff --git a/frontend/src/constant.jsx b/frontend/src/constant.jsx
@@ -1,5 +1,5 @@
 // url for local
-// export const API_URL = "http://localhost:8080";
+export const API_URL = "http://localhost:8080";
 
 // url for heroku
-export const API_URL = "https://crm-c-and-h-backend.herokuapp.com"
+//export const API_URL = "https://crm-c-and-h-backend.herokuapp.com"