From 2981fa5946a78844a766f483a159594f453ed07c Mon Sep 17 00:00:00 2001
From: "kasia.oczkowska" <katarzyna.oczkowska@theworkingroup.net>
Date: Thu, 10 Oct 2024 13:34:40 +0100
Subject: [PATCH] feat: add error snackbar for updating role mappings

---
 .../web/src/pages/Authentication/RoleMappings.jsx   | 13 +++++++++++++
 .../Authentication/RoleMappingsFieldsArray.jsx      |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/pages/Authentication/RoleMappings.jsx b/packages/web/src/pages/Authentication/RoleMappings.jsx
index 7a46c35a..9bfff4db 100644
--- a/packages/web/src/pages/Authentication/RoleMappings.jsx
+++ b/packages/web/src/pages/Authentication/RoleMappings.jsx
@@ -56,6 +56,19 @@ function RoleMappings({ provider, providerLoading }) {
         });
       }
     } catch (error) {
+      const errors = Object.values(
+        error.response.data.errors || [['Failed while saving!']],
+      );
+
+      for (const [error] of errors) {
+        enqueueSnackbar(error, {
+          variant: 'error',
+          SnackbarProps: {
+            'data-test': 'snackbar-update-role-mappings-error',
+          },
+        });
+      }
+
       throw new Error('Failed while saving!');
     }
   };
diff --git a/packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx b/packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx
index be6c08fc..8910bd0b 100644
--- a/packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx
+++ b/packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx
@@ -66,10 +66,10 @@ function RoleMappingsFieldArray() {
                   <MuiTextField
                     {...params}
                     label={formatMessage('roleMappingsForm.role')}
+                    required
                   />
                 )}
                 loading={isRolesLoading}
-                required
               />
             </Stack>
             <IconButton