Add a description to env roles modal

templates/components/modal.html

@@ -1,11 +1,16 @@
 {% from "components/icon.html" import Icon %}
 
-{% macro Modal(name, dismissable=False) -%}
+{% macro Modal(name, dismissable=False, description=None) -%}
   <div v-show="activeModal === '{{name}}'" v-cloak>
     <div class='modal {% if dismissable %}modal--dismissable{% endif%}'>
       <div class='modal__container'>
         <div class='modal__dialog' role='dialog' aria-modal='true'>
           <div class='modal__body'>
+              {% if description %}
+                <h1>{{ description.header }}</h1>
+                <div>{{ description.body }}</div>
+              {% endif %}
+
               {{ caller() }}
 
               {% if dismissable %}

templates/workspaces/members/edit.html

@@ -76,7 +76,7 @@
             <div class='project-list-item__environment__actions'>
               <span v-bind:class="label_class" v-html:on=displayName></span>
               <button v-on:click="openModal('{{ env.name }}RolesModal')" type="button" class="icon-link">set role</button>
-              {% call Modal(name=env.name + 'RolesModal', dismissable=False) %}
+              {% call Modal(name=env.name + 'RolesModal', dismissable=False, description=env_role_modal_description) %}
                   <div class='block-list'>
                     <ul>
                       {% for choice in choices %}