CB-4654 ConfigurationList uses container component

dbeaver · Mar 19, 2024 · 674bf79 · 674bf79
1 parent a7c729e
commit 674bf79
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.m.css b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.m.css
@@ -6,13 +6,6 @@
  * you may not use this file except in compliance with the License.
  */
 
-.container {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  flex: 1;
-}
-
 .filter {
   margin: 0 24px 12px 24px;
 }

diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/ConfigurationsList.tsx
@@ -12,6 +12,7 @@ import { AuthProvider, AuthProviderConfiguration, AuthProvidersResource, compare
 import {
   Button,
   Cell,
+  Container,
   Filter,
   getComputed,
   IconOrImage,
@@ -107,7 +108,7 @@ export const ConfigurationsList = observer<Props>(function ConfigurationsList({
 
   if (activeProvider && activeConfiguration) {
     return (
-      <div className={s(style, { container: true }, className)}>
+      <Container className={className} center>
         <Loader state={authTaskState} message="authentication_authorizing" hideException>
           <div className={s(style, { center: true })}>
             {providerDisabled ? (
@@ -122,12 +123,12 @@ export const ConfigurationsList = observer<Props>(function ConfigurationsList({
             )}
           </div>
         </Loader>
-      </div>
+      </Container>
     );
   }
 
   return (
-    <container className={s(style, { container: true }, className)}>
+    <Container className={className} center>
       {configurations.length >= 10 && (
         <Filter
           className={s(style, { filter: true })}
@@ -155,6 +156,6 @@ export const ConfigurationsList = observer<Props>(function ConfigurationsList({
         })}
       </div>
       <Loader state={authTaskState} message="authentication_authorizing" overlay hideException />
-    </container>
+    </Container>
   );
 });