feat(rbac): center align toast (#1090)

janus-idp · Jan 24, 2024 · 697c96f · 697c96f
1 parent bc98491
commit 697c96f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/plugins/rbac/src/components/RolesList/RolesListToolbar.tsx b/plugins/rbac/src/components/RolesList/RolesListToolbar.tsx
@@ -15,6 +15,9 @@ const useStyles = makeStyles(theme => ({
   rbacPreReqLink: {
     color: theme.palette.link,
   },
+  alertTitle: {
+    fontWeight: 'bold',
+  },
 }));
 
 export const RolesListToolbar = ({
@@ -29,8 +32,10 @@ export const RolesListToolbar = ({
     <div>
       {!createRoleLoading && !createRoleAllowed && (
         <Alert severity="warning" data-testid="create-role-warning">
-          <AlertTitle>Unable to create role.</AlertTitle>
-          To enable create role button, the role associacted with your user
+          <AlertTitle className={classes.alertTitle}>
+            Unable to create role.
+          </AlertTitle>
+          To enable create role button, the role associated with your user
           should have the permission policies mentioned{' '}
           <a
             href="https://github.com/janus-idp/backstage-plugins/tree/main/plugins/rbac#prerequisites"

diff --git a/plugins/rbac/src/components/SnackbarAlert.tsx b/plugins/rbac/src/components/SnackbarAlert.tsx
@@ -15,17 +15,10 @@ export const SnackbarAlert = ({
       open={toastMessage !== ''}
       autoHideDuration={6000}
       anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
-      sx={{ width: '100%' }}
-      style={{ top: '100px', right: '20px' }}
+      style={{ top: '100px', left: '0px', justifyContent: 'center' }}
       onClose={onAlertClose}
     >
-      <Alert
-        onClose={onAlertClose}
-        severity="info"
-        variant="filled"
-        icon={false}
-        sx={{ width: '60%' }}
-      >
+      <Alert onClose={onAlertClose} severity="success">
         {toastMessage}
       </Alert>
     </Snackbar>