feat: Adds ability to delete contact without having to type name (#4155)

app/javascript/dashboard/i18n/locale/en/contact.json

@@ -77,7 +77,6 @@
     "CONFIRM": {
       "TITLE": "Confirm Deletion",
       "MESSAGE": "Are you sure to delete ",
-      "PLACE_HOLDER": "Please type {contactName} to confirm",
       "YES": "Yes, Delete",
       "NO": "No, Keep"
     },

app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue

@@ -126,17 +126,15 @@
         @close="toggleMergeModal"
       />
     </div>
-    <woot-confirm-delete-modal
+    <woot-delete-modal
       v-if="showDeleteModal"
       :show.sync="showDeleteModal"
+      :on-close="closeDelete"
+      :on-confirm="confirmDeletion"
       :title="$t('DELETE_CONTACT.CONFIRM.TITLE')"
       :message="confirmDeleteMessage"
-      :confirm-text="deleteConfirmText"
+      :confirm-text="$t('DELETE_CONTACT.CONFIRM.YES')"
-      :reject-text="deleteRejectText"
+      :reject-text="$t('DELETE_CONTACT.CONFIRM.NO')"
-      :confirm-value="contact.name"
-      :confirm-place-holder-text="confirmPlaceHolderText"
-      @on-confirm="confirmDeletion"
-      @on-close="closeDelete"
     />
   </div>
 </template>
@@ -221,22 +219,11 @@ export default {
       return { twitter: twitterScreenName, ...(socialProfiles || {}) };
     },
     // Delete Modal
-    deleteConfirmText() {
-      return `${this.$t('DELETE_CONTACT.CONFIRM.YES')} ${this.contact.name}`;
-    },
-    deleteRejectText() {
-      return `${this.$t('DELETE_CONTACT.CONFIRM.NO')} ${this.contact.name}`;
-    },
     confirmDeleteMessage() {
       return `${this.$t('DELETE_CONTACT.CONFIRM.MESSAGE')} ${
         this.contact.name
       } ?`;
     },
-    confirmPlaceHolderText() {
-      return `${this.$t('DELETE_CONTACT.CONFIRM.PLACE_HOLDER', {
-        contactName: this.contact.name,
-      })}`;
-    },
   },
   methods: {
     toggleMergeModal() {