+ {/* Permission rows */}
+ {Object.keys(selectedPermissions).map((key) => {
+ const permissionIndex = parseInt(key.split("-")[1]);
+ const permission = selectedPermissions[key];
+ return (
+
+ {/* Project dropdown */}
+
+
+
+
+
+
+ {projectOptions.map((option) => (
+ {
+ updateProjectAndEnvironment(key, option.id);
+ }}>
+ {option.name}
+
+ ))}
+
+
+
+
+ {/* Environment dropdown */}
+
+
+
+
+
+
+ {getEnvironmentOptionsForProject(permission.projectId).map((env) => (
+ {
+ updatePermission(key, "environmentId", env.id);
+ }}>
+ {env.type}
+
+ ))}
+
+
+
+
+ {/* Permission level dropdown */}
+
+
+
+
+
+
+ {permissionOptions.map((option) => (
+ {
+ updatePermission(key, "permission", option);
+ }}>
+ {option}
+
+ ))}
+
+
+
+
+ {/* Delete button */}
+
+
+ );
+ })}
+
+ {/* Add permission button */}
+