+ {/* Default Roles Section */}
+
+
+ Default Roles
+
+ {defaultRoles && (
+ <>
+ {renderRoleItem(defaultRoles.owner, "owner")}
+ {renderRoleItem(defaultRoles.admin, "admin")}
+ {renderRoleItem(
+ defaultRoles.member,
+ "member",
+ )}
+ >
+ )}
+
+
+
+
+ {/* Custom Roles Section */}
+ {roles &&
+ roles.filter((r) => !r.isSystem).length > 0 && (
+
+
+ Custom Roles
+
+ {roles
+ ?.filter((r) => !r.isSystem)
+ .map((role) => (
+
+
+
+
+
+
+ {role.name}
+
+
+ {role.description}
+
+
+ {role.permissions?.map(
+ (permission) => {
+ const permissionInfo =
+ defaultRoles?.owner?.permissions?.find(
+ (p) => p === permission,
+ );
+ return (
+
+ {permissionInfo?.name ||
+ permission}
+
+ );
+ },
+ )}
+
+
+
+ ))}
+
+ )}
+
+