- add isLoading for load components contacts

SoinRoma · Jul 12, 2022 · e1b6e0c · e1b6e0c
1 parent d06fb60
commit e1b6e0c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/App.js b/src/App.js
@@ -11,12 +11,14 @@ const App = observer (() => {
 
     useEffect(() => {
         if(localStorage.getItem('refresh_token')){
+            users.setIsLoading(true);
             checkAuth().then((data) => {
                 if (data.response) {
                     auth.setIsAuth(false);
                 } else {
                     auth.setIsAuth(true);
                 }
+                users.setIsLoading(false);
             });
         } else {
             auth.setIsAuth(false);
@@ -26,6 +28,10 @@ const App = observer (() => {
         // eslint-disable-next-line
     }, [])
 
+    if(users._isLoading){
+        return <div />
+    }
+
     return (
         <BrowserRouter>
             <AppRouter/>

diff --git a/src/store/ContactStore.js b/src/store/ContactStore.js
@@ -3,13 +3,18 @@ import {makeAutoObservable} from "mobx";
 export default class ContactStore {
     constructor() {
         this._users = [];
+        this._isLoading = false;
         makeAutoObservable(this);
     }
 
     setUsers(contacts) {
         this._users = contacts;
     }
 
+    setIsLoading(bool){
+        this._isLoading = bool;
+    }
+
     get getUsers() {
         return this._users;
     }