fix(Navigation): change request permission button [YTFRONT-4379]

ytsaurus · Oct 15, 2024 · c134120 · c134120
1 parent 5a25c2f
commit c134120
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/packages/ui/src/ui/containers/ACL/RequestPermissions/RequestPermissions.tsx b/packages/ui/src/ui/containers/ACL/RequestPermissions/RequestPermissions.tsx
@@ -3,7 +3,7 @@ import cn from 'bem-cn-lite';
 import React, {useCallback, useMemo} from 'react';
 import {DialogField, FormApi, YTDFDialog, makeErrorFields} from '../../../components/Dialog';
 import ErrorBoundary from '../../../components/ErrorBoundary/ErrorBoundary';
-import Button from '../../../components/Button/Button';
+import {Button, ButtonProps} from '@gravity-ui/uikit';
 import PermissionsControl from '../RequestPermissions/PermissionsControl/PermissionsControl';
 
 import withVisible, {WithVisibleProps} from '../../../hocs/withVisible';
@@ -42,6 +42,7 @@ export type RequestPermissionsFieldsNames =
 export interface Props extends WithVisibleProps {
     className?: string;
     buttonClassName?: string;
+    buttonProps?: ButtonProps;
     cluster?: string;
     normalizedPoolTree?: string;
     path: string;
@@ -93,6 +94,7 @@ function RequestPermissions(props: Props) {
         error,
         cluster,
         columnGroups,
+        buttonProps,
         /*denyColumns,*/
     } = props;
 
@@ -295,9 +297,10 @@ function RequestPermissions(props: Props) {
     return !choices?.length ? null : (
         <ErrorBoundary>
             <div className={block(null, className)}>
-                <Button className={buttonClassName} view={'action'} onClick={onShow}>
+                <Button className={buttonClassName} view="action" {...buttonProps} onClick={onShow}>
                     {title}
                 </Button>
+
                 <YTDFDialog<FormValues>
                     pristineSubmittable
                     onClose={onClose}

diff --git a/packages/ui/src/ui/pages/navigation/Navigation/Navigation.js b/packages/ui/src/ui/pages/navigation/Navigation/Navigation.js
@@ -294,6 +294,7 @@ class Navigation extends Component {
                     path={pathForRequest}
                     cluster={cluster}
                     buttonText={textForRequest}
+                    buttonProps={{size: 'l', width: 'max'}}
                 />
             </div>
         );

diff --git a/packages/ui/src/ui/pages/navigation/Navigation/Navigation.scss b/packages/ui/src/ui/pages/navigation/Navigation/Navigation.scss
@@ -5,11 +5,6 @@
         margin-top: 20px;
     }
 
-    &__request-permissions-button {
-        height: 100%;
-        width: 100%;
-    }
-
     &__viewer {
         padding-top: 20px;