feat: add a confirmation to delete a journal entry #4308 (#4514)

monicahq · Oct 9, 2020 · 18fadb7 · 18fadb7
1 parent 02c7654
commit 18fadb7
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 14 deletions.
diff --git a/public/css/app-ltr.css b/public/css/app-ltr.css
diff --git a/public/css/app-rtl.css b/public/css/app-rtl.css
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/js/vendor.js b/public/js/vendor.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,9 +1,9 @@
 {
     "/js/manifest.js": "/js/manifest.js?id=7db827d654313dce4250",
-    "/js/vendor.js": "/js/vendor.js?id=30196262d2017b9a059e",
-    "/js/app.js": "/js/app.js?id=bff74b3baecd183e247b",
-    "/css/app-ltr.css": "/css/app-ltr.css?id=3656924c5fce352ba736",
-    "/css/app-rtl.css": "/css/app-rtl.css?id=8ee9e03a2fc4b4087b8a",
+    "/js/vendor.js": "/js/vendor.js?id=74d43287b992d0e25181",
+    "/js/app.js": "/js/app.js?id=6ff9db58e9bfffe92906",
+    "/css/app-ltr.css": "/css/app-ltr.css?id=d2a2367de0f3c208746d",
+    "/css/app-rtl.css": "/css/app-rtl.css?id=3bd996c232ca7d74f063",
     "/css/stripe.css": "/css/stripe.css?id=746c8aaac01c56d3cee1",
     "/js/stripe.js": "/js/stripe.js?id=31bf2d83f6ef3685ff0b"
 }
diff --git a/resources/js/components/journal/partials/JournalContentEntry.vue b/resources/js/components/journal/partials/JournalContentEntry.vue
@@ -40,9 +40,9 @@
                 </a>
               </li>
               <li class="di">
-                <a v-cy-name="'entry-delete-button-' + entry.id" class="pointer" href="" @click.prevent="trash()">
+                <confirm :message="$t('journal.delete_confirmation')" @confirm="trash()" v-cy-name="'entry-delete-button-' + entry.id">
                   {{ $t('app.delete') }}
-                </a>
+                </confirm>
               </li>
             </ul>
           </div>
@@ -53,8 +53,14 @@
 </template>
 
 <script>
+import Confirm from '../../partials/Confirm.vue';
+
 export default {
 
+  components: {
+    Confirm,
+  },
+
   props: {
     journalEntry: {
       type: Object,