CB-5819 keep loader mounted

dbeaver · Oct 29, 2024 · 7272b18 · 7272b18
1 parent 2f53252
commit 7272b18
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/...n-authentication-administration/src/Administration/Users/UsersTable/UsersTable.module.css b/...n-authentication-administration/src/Administration/Users/UsersTable/UsersTable.module.css
@@ -0,0 +1,10 @@
+/*
+ * CloudBeaver - Cloud Database Manager
+ * Copyright (C) 2020-2024 DBeaver Corp and others
+ *
+ * Licensed under the Apache License, Version 2.0.
+ * you may not use this file except in compliance with the License.
+ */
+.loader.hidden {
+  opacity: 0;
+}
diff --git a/...s/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersTable.tsx b/...s/plugin-authentication-administration/src/Administration/Users/UsersTable/UsersTable.tsx
@@ -11,17 +11,20 @@ import {
   Button,
   Flex,
   Loader,
+  s,
   Table,
   TableBody,
   TableColumnHeader,
   TableColumnValue,
   TableHeader,
   TableItem,
+  useS,
   useTranslate,
 } from '@cloudbeaver/core-blocks';
 import type { AdminUserInfoFragment } from '@cloudbeaver/core-sdk';
 
 import { User } from './User.js';
+import classes from './UsersTable.module.css';
 
 interface Props {
   users: AdminUserInfoFragment[];
@@ -45,14 +48,15 @@ export const UsersTable = observer<Props>(function UsersTable({
   const translate = useTranslate();
   const keys = users.map(user => user.userId);
   const colSpan = displayAuthRole ? 6 : 5;
+  const styles = useS(classes);
 
   return (
     <Table keys={keys} selectedItems={selectedItems} expandedItems={expandedItems} size="big">
       <TableHeader fixed>
         <TableColumnHeader>
           <Flex align="center" gap="xs">
             {translate('authentication_user_name')}
-            <Loader loading={loading} small inline />
+            <Loader className={s(styles, { loader: true, hidden: !loading })} small inline />
           </Flex>
         </TableColumnHeader>
         {displayAuthRole && <TableColumnHeader>{translate('authentication_user_role')}</TableColumnHeader>}