Fixed loading indicator in setting/permission.

Author: Imiss-U1025

client/packages/lowcoder/src/pages/setting/permission/groupUsersPermission.tsx

@@ -98,7 +98,7 @@ function GroupUsersPermission(props: GroupPermissionProp) {
         dataSource={sortedGroupUsers}
         rowKey="userId"
         pagination={false}
-        loading={groupUsersFetching}
+        loading={groupUsers.length === 0}
       >
         <Column
           title={trans("memberSettings.nameColumn")}

client/packages/lowcoder/src/pages/setting/permission/orgUsersPermission.tsx

@@ -151,7 +151,7 @@ function OrgUsersPermission(props: UsersPermissionProp) {
         dataSource={sortedOrgUsers}
         rowKey="userId"
         pagination={false}
-        loading={orgUsersFetching}
+        loading={orgUsers.length === 0}
       >
         <Column
           title={trans("memberSettings.nameColumn")}

client/packages/lowcoder/src/pages/setting/permission/permissionDetail.tsx

@@ -39,10 +39,17 @@ export default function PermissionSetting() {  const user = useSelector(getUser)
   const orgUsersFetching = useSelector((state: AppState) => state.ui.org.orgUsersFetching);
 
   const groupIdMap = new Map(orgGroups.map((group) => [group.groupId, group]));
+  const dispatch = useDispatch();
   const selectKey = useParams<{ groupId: string }>().groupId;
+  useEffect(() => {
+    if (!orgId) {
+      return;
+    }
+    dispatch(fetchGroupsAction(orgId));
+  }, [orgId]);
 
   useEffect( () => {
-    if (selectKey !== "users")
+    if (selectKey !== "users" && !!groupIdMap.get(selectKey))
       fetchGroupUsrPagination(
         {
           groupId: groupIdMap.get(selectKey)!.groupId,
@@ -73,7 +80,7 @@ export default function PermissionSetting() {  const user = useSelector(getUser)
           }
       )
       },
-      [currentPage, pageSize, modify]
+      [currentPage, pageSize, modify, groupIdMap.get(selectKey)]
   )
 
   if (!orgId) {