chore: minor css fixes for roles and polices managment page (#1450)

opendatadiscovery · Oct 2, 2023 · e74032d · e74032d
1 parent 17afca9
commit e74032d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/odd-platform-ui/pnpm-lock.yaml b/odd-platform-ui/pnpm-lock.yaml
diff --git a/odd-platform-ui/src/components/Management/PolicyList/PolicyItem/PolicyItem.tsx b/odd-platform-ui/src/components/Management/PolicyList/PolicyItem/PolicyItem.tsx
@@ -1,13 +1,13 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { Grid, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
 import { deletePolicy, deleteRole } from 'redux/thunks';
 import { Permission, type Policy } from 'generated-sources';
 import { Button, ConfirmationDialog } from 'components/shared/elements';
 import { DeleteIcon, EditIcon } from 'components/shared/icons';
 import { usePermissions } from 'lib/hooks';
 import { useAppDispatch } from 'redux/lib/hooks';
 import { WithPermissions } from 'components/shared/contexts';
-import { useTranslation } from 'react-i18next';
 import * as S from './PolicyItemStyles';
 
 interface PolicyItemProps {
@@ -22,7 +22,7 @@ const PolicyItem: React.FC<PolicyItemProps> = ({ policyId, name }) => {
 
   const isAdministrator = name === 'Administrator';
 
-  const handleDelete = React.useCallback(
+  const handleDelete = useCallback(
     () => dispatch(deletePolicy({ policyId })),
     [policyId, deleteRole]
   );
@@ -35,7 +35,7 @@ const PolicyItem: React.FC<PolicyItemProps> = ({ policyId, name }) => {
         </Typography>
       </Grid>
       <Grid item container lg={6.73} flexWrap='nowrap' />
-      <Grid item lg={1.74}>
+      <Grid item lg={2}>
         <S.ActionsContainer container item>
           <Button
             text={

diff --git a/odd-platform-ui/src/components/Management/RolesList/RoleItem/RoleItem.tsx b/odd-platform-ui/src/components/Management/RolesList/RoleItem/RoleItem.tsx
@@ -1,13 +1,13 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { Grid, Typography } from '@mui/material';
+import TruncateMarkup from 'react-truncate-markup';
+import { useTranslation } from 'react-i18next';
 import { deleteRole } from 'redux/thunks';
 import { Permission, type Role } from 'generated-sources';
 import { Button, ConfirmationDialog } from 'components/shared/elements';
 import { DeleteIcon, EditIcon } from 'components/shared/icons';
 import { useAppDispatch } from 'redux/lib/hooks';
-import TruncateMarkup from 'react-truncate-markup';
 import { WithPermissions } from 'components/shared/contexts';
-import { useTranslation } from 'react-i18next';
 import RoleForm from '../RoleForm/RoleForm';
 import * as S from './RoleItemStyles';
 
@@ -24,7 +24,7 @@ const RoleItem: React.FC<RoleItemProps> = ({ roleId, name, policies }) => {
   const isUser = name === 'User';
   const isAdministrator = name === 'Administrator';
 
-  const handleDelete = React.useCallback(
+  const handleDelete = useCallback(
     () => dispatch(deleteRole({ roleId })),
     [roleId, deleteRole]
   );
@@ -49,7 +49,7 @@ const RoleItem: React.FC<RoleItemProps> = ({ roleId, name, policies }) => {
           </div>
         </TruncateMarkup>
       </Grid>
-      <Grid item lg={1.74}>
+      <Grid item lg={2}>
         <S.ActionsContainer container item>
           <WithPermissions
             permissionTo={Permission.ROLE_UPDATE}