+
+
+ Role Management
+
+
+
+
+ {users.map(user => (
+
+ {user.name}
+ Email: {user.email}
+ Role: {user.role}
+
+
+ ))}
+
+
+
+
+ Change Role
+ {selectedUser && (
+ <>
+ User: {selectedUser.name}
+ Current Role: {selectedUser.role}
+
+
+
+
+ >
+ )}
+
+
+
+
+
+
+
+ );
+};
+
+export default RoleManagement;
diff --git a/frontend/src/webPages/RoutingRenders/App.tsx b/frontend/src/webPages/RoutingRenders/App.tsx
index dad7262..abd6625 100644
--- a/frontend/src/webPages/RoutingRenders/App.tsx
+++ b/frontend/src/webPages/RoutingRenders/App.tsx
@@ -3,6 +3,7 @@ import Settings from '../Settings/settings';
import LoggedIn from '../LogIn/loggedIn';
import FamilyPage from '../Family/family';
import LogIn from '../LogIn/logIn';
+import RoleManagement from '../Roles/RoleManagement';
function App() {
return (
@@ -12,6 +13,7 @@ function App() {