Modal for each environment role

js/mixins/modal.js

@@ -1,23 +1,23 @@
 export default {
   methods: {
     closeModal: function(name) {
-      this.modals[name] = false
+      this.activeModal = null
       this.$emit('modalOpen', false)
     },
     openModal: function (name) {
-      this.modals[name] = true
+      this.activeModal = name
       this.$emit('modalOpen', true)
     }
   },
   data: function() {
     return {
       modals: {
-        styleguideModal: false,
-        rolesModal: false,
-        newProjectConfirmation: false,
-        pendingFinancialVerification: false,
-        pendingCCPOApproval: false,
-      }
+        styleguidemodal: false,
+        newprojectconfirmation: false,
+        pendingfinancialverification: false,
+        pendingccpoapproval: false,
+      },
+      activeModal: null,
     }
   }
 }