From ee077936898547b3de81c694bab2e6c5000e8ddb Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 3 Dec 2021 21:45:38 +0530
Subject: [PATCH] fix(ui) - fetch roles in manage users

---
 frontend/app/components/Client/ManageUsers/ManageUsers.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/Client/ManageUsers/ManageUsers.js b/frontend/app/components/Client/ManageUsers/ManageUsers.js
index 04902757e..ccac283dd 100644
--- a/frontend/app/components/Client/ManageUsers/ManageUsers.js
+++ b/frontend/app/components/Client/ManageUsers/ManageUsers.js
@@ -5,6 +5,7 @@ import {
   IconButton, SlideModal, Input, Button, Loader,
   NoContent, Popup, CopyButton, Dropdown } from 'UI';
 import { init, save, edit, remove as deleteMember, fetchList, generateInviteLink } from 'Duck/member';
+import { fetchList as fetchRoles } from 'Duck/roles';
 import styles from './manageUsers.css';
 import UserItem from './UserItem';
 import { confirm } from 'UI/Confirmation';
@@ -29,7 +30,8 @@ const LIMIT_WARNING = 'You have reached users limit.';
   edit,
   deleteMember,
   fetchList,
-  generateInviteLink
+  generateInviteLink,
+  fetchRoles
 })
 @withPageTitle('Users - OpenReplay Preferences')
 class ManageUsers extends React.PureComponent {
@@ -42,6 +44,7 @@ class ManageUsers extends React.PureComponent {
   closeModal = () => this.setState({ showModal: false });
   componentWillMount = () => {
     this.props.fetchList();
+    this.props.fetchRoles();
   }
   
   adminLabel = (user) => {