display node role name on eks edit/view

lib/shared/addon/components/node-group-row/component.js

@@ -499,6 +499,15 @@ export default Component.extend({
     }, ...nodeInstanceRoles]
   }),
 
+  selectedNodeRoleName: computed('model.nodeRole', 'nodeInstanceRoles.[]', function(){
+    const { nodeInstanceRoles } = this;
+    const { nodeRole } = this.model
+
+    const selected = nodeInstanceRoles.findBy('Arn', nodeRole )
+
+    return selected ? selected.RoleName : null
+  } ),
+
   async loadTemplateVersionInfo() {
     if (!this.clusterSaving && !this.clusterSaved) {
       const { launchTemplate = {} } = this.model;

lib/shared/addon/components/node-group-row/template.hbs

@@ -23,7 +23,7 @@
           </label>
           {{#input-or-display
             editable=creating
-            value=nodeRole
+            value=selectedNodeRoleName
           }}
             <NewSelect
               class="form-control"