handleCancelSubmit method, which falsifies readyToSubmit

js/components/forms/new_project.js

@@ -94,6 +94,11 @@ export default {
       }
     },
 
+    handleCancelSubmit: function () {
+      this.readyToSubmit = false
+      this.closeModal(this.modalName)
+    },
+
     validateAndOpenModal: function (modalName) {
       let isValid = this.$children.reduce((previous, newVal) => {
         // display textInput error if it is not valid

templates/fragments/edit_project_form.html

@@ -23,7 +23,7 @@
 
       <div class='action-group'>
         <button type='submit' class='action-group__action usa-button' tabindex='0'>{{ action_text }} Project</button>
-        <button type='button' v-on:click="closeModal('{{ modalName }}')" class='icon-link action-group__action' tabindex='0'>Cancel</button>
+        <button type='button' v-on:click="handleCancelSubmit" class='icon-link action-group__action' tabindex='0'>Cancel</button>
       </div>
     {% endcall %}