#2478 - Add a prompt pop-up for 'delete-account' button (#2481)

* add the prompt dialog

* fix the heisen-bug in group-contribution test

frontend/views/containers/user-settings/UserProfile.vue

@@ -82,6 +82,7 @@
             tag='button'
             type='submit'
             data-test='deleteAccount'
+            @click='handleDeleteAccount'
           ) Delete account
 </template>
 
@@ -96,7 +97,7 @@ import BannerScoped from '@components/banners/BannerScoped.vue'
 import AvatarUpload from '@components/AvatarUpload.vue'
 import ButtonSubmit from '@components/ButtonSubmit.vue'
 import CharLengthIndicator from '@components/CharLengthIndicator.vue'
-import { L } from '@common/common.js'
+import { L, LTags } from '@common/common.js'
 import { IDENTITY_BIO_MAX_CHARS, IDENTITY_USERNAME_MAX_CHARS } from '@model/contracts/shared/constants.js'
 export default ({
   name: 'UserProfile',
@@ -176,6 +177,13 @@ export default ({
           this.$refs.formMsg.danger(e.message)
         }
       }
+    },
+    handleDeleteAccount () {
+      sbp('gi.ui/prompt', {
+        heading: L('Coming soon!'),
+        question: L('Sorry, this feature has not been implemented yet.{br_}Please check back later.', LTags()),
+        primaryButton: L('Close')
+      })
     }
   }
 }: Object)

test/cypress/integration/group-contributions.spec.js

@@ -371,7 +371,8 @@ describe('Contributions', () => {
 
   it('user1 edits the non monetary contribution', () => {
     cy.getByDT('buttonEditNonMonetaryContribution').click()
-    cy.getByDT('inputNonMonetaryContribution').type('{selectall}{del}French classes{enter}')
+    cy.getByDT('inputNonMonetaryContribution').clear()
+    cy.getByDT('inputNonMonetaryContribution').type('French classes{enter}')
     assertNonMonetaryEditableValue('French classes')
 
     cy.getByDT('givingList', 'ul')