fixed groups init loader not showing up

packages/client/src/HOCs/withLoader.js

@@ -77,7 +77,7 @@ const withLoader = (WrappedComponent) => (Loader) => {
         showBodyLoader,
         accountsViewAs,
       };
-    }
+    },
   )(observer(withLoader));
 };
 export default withLoader;

packages/client/src/pages/Home/Section/AccountsBody/People/TableView/TableContainer.js

@@ -7,7 +7,6 @@ import useViewEffect from "SRC_DIR/Hooks/useViewEffect";
 
 import { Base } from "@docspace/shared/themes";
 import { TableContainer, TableBody } from "@docspace/shared/components/table";
-
 import TableRow from "./TableRow";
 import TableHeader from "./TableHeader";
 import EmptyScreenGroups from "../../EmptyScreenGroups";

packages/client/src/store/GroupsStore.ts

@@ -20,6 +20,8 @@ class GroupsStore {
 
   infoPanelStore;
 
+  clientLoadingStore;
+
   groups = [];
 
   selection = [];
@@ -36,10 +38,16 @@ class GroupsStore {
 
   insideGroupBackUrl: string | null = null;
 
-  constructor(authStore: any, peopleStore: any, infoPanelStore: any) {
+  constructor(
+    authStore: any,
+    peopleStore: any,
+    infoPanelStore: any,
+    clientLoadingStore: any,
+  ) {
     this.authStore = authStore;
     this.peopleStore = peopleStore;
     this.infoPanelStore = infoPanelStore;
+    this.clientLoadingStore = clientLoadingStore;
     makeAutoObservable(this);
   }
 
@@ -151,6 +159,7 @@ class GroupsStore {
     updateFilter = false,
     withFilterLocalStorage = false,
   ) => {
+    this.clientLoadingStore.setIsSectionBodyLoading(true);
     const filterData = filter ? filter.clone() : Filter.getDefault();
 
     const filterStorageItem = localStorage.getItem(
@@ -169,6 +178,7 @@ class GroupsStore {
 
     if (updateFilter) this.setFilterParams(filterData);
 
+    this.clientLoadingStore.setIsSectionBodyLoading(false);
     this.groups = res.items || [];
   };
 

packages/client/src/store/PeopleStore.js

@@ -63,6 +63,7 @@ class PeopleStore {
     userStore,
     tfaStore,
     settingsStore,
+    clientLoadingStore,
   ) {
     this.authStore = authStore;
     this.infoPanelStore = infoPanelStore;
@@ -72,7 +73,12 @@ class PeopleStore {
       infoPanelStore,
       userStore,
     );
-    this.groupsStore = new GroupsStore(authStore, this, infoPanelStore);
+    this.groupsStore = new GroupsStore(
+      authStore,
+      this,
+      infoPanelStore,
+      clientLoadingStore,
+    );
     this.targetUserStore = new TargetUserStore(this, userStore);
     this.selectedGroupStore = new SelectedGroupStore(this);
     this.editingFormStore = new EditingFormStore(this);

packages/client/src/store/index.js

@@ -147,6 +147,7 @@ const peopleStore = new PeopleStore(
   userStore,
   tfaStore,
   settingsStore,
+  clientLoadingStore,
 );
 
 const uploadDataStore = new UploadDataStore(