From 3e97ab2c25b54be9a8515b3621d7c0035dc82c02 Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Sat, 16 Mar 2024 14:15:56 +0100
Subject: [PATCH] Emits: fix errors for proof components

---
 src/components/ProofCard.vue              | 3 +--
 src/components/UserRecentProofsDialog.vue | 9 ++++++---
 src/views/AddPriceMultiple.vue            | 4 ++--
 src/views/AddPriceSingle.vue              | 4 ++--
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/ProofCard.vue b/src/components/ProofCard.vue
index e0ab39c858c..cec64643c67 100644
--- a/src/components/ProofCard.vue
+++ b/src/components/ProofCard.vue
@@ -78,8 +78,7 @@ export default {
       proofEditDialog: false,
     }
   },
-  emits: ['proofUpdated'],
-
+  emits: ['proofSelected', 'proofUpdated', 'close'],
   methods: {
     selectProof() {
       if (this.isSelectable) {
diff --git a/src/components/UserRecentProofsDialog.vue b/src/components/UserRecentProofsDialog.vue
index 4bab77fca04..5dc7fe1cc2d 100644
--- a/src/components/UserRecentProofsDialog.vue
+++ b/src/components/UserRecentProofsDialog.vue
@@ -4,7 +4,9 @@
       <v-card-title>
         {{ $t('UserRecentProofsDialog.SelectRecentProof') }} <v-btn style="float:right;" variant="text" density="compact" icon="mdi-close" @click="close"></v-btn>
       </v-card-title>
+
       <v-divider></v-divider>
+
       <v-card-text>
         <v-row>
           <v-col cols="12" sm="6" md="3" v-for="proof in userProofList" :key="proof">
@@ -17,14 +19,14 @@
 </template>
 
 <script>
+import { defineAsyncComponent } from 'vue'
 import { mapStores } from 'pinia'
 import { useAppStore } from '../store'
 import api from '../services/api'
-import ProofCard from '../components/ProofCard.vue'
 
 export default {
   components: {
-    ProofCard,
+    'ProofCard': defineAsyncComponent(() => import('../components/ProofCard.vue')),
   },
   data() {
     return {
@@ -35,6 +37,7 @@ export default {
       selectedProof: null,
     }
   },
+  emits: ['recentProofSelected', 'close'],
   computed: {
     ...mapStores(useAppStore),
     username() {
@@ -60,7 +63,7 @@ export default {
     },
     selectProof(proof) {
       this.selectedProof = proof
-      this.$emit('proofConfirmed', this.selectedProof)
+      this.$emit('recentProofSelected', this.selectedProof)
       this.close()
     },
     close() {
diff --git a/src/views/AddPriceMultiple.vue b/src/views/AddPriceMultiple.vue
index 6dabd307f4d..80d9ead1530 100644
--- a/src/views/AddPriceMultiple.vue
+++ b/src/views/AddPriceMultiple.vue
@@ -331,7 +331,7 @@
   <UserRecentProofsDialog
     v-if="userRecentProofsDialog"
     v-model="userRecentProofsDialog"
-    @proofConfirmed="handleProofConfirmed"
+    @recentProofSelected="handleproofSelected($event)"
     @close="userRecentProofsDialog = false"
   ></UserRecentProofsDialog>
   <ChangeCurrencyDialog
@@ -501,7 +501,7 @@ export default {
     showUserRecentProofs() {
       this.userRecentProofsDialog = true
     },
-    handleProofConfirmed(selectedProof) {
+    handleproofSelected(selectedProof) {
       this.addPriceMultipleForm.proof_id = selectedProof.id
       this.proofImagePreview = this.getProofUrl(selectedProof)
       this.proofSelectedSuccessMessage = true
diff --git a/src/views/AddPriceSingle.vue b/src/views/AddPriceSingle.vue
index 815c294f5fb..8dbd3aadb93 100644
--- a/src/views/AddPriceSingle.vue
+++ b/src/views/AddPriceSingle.vue
@@ -282,7 +282,7 @@
   <UserRecentProofsDialog
     v-if="userRecentProofsDialog"
     v-model="userRecentProofsDialog"
-    @proofConfirmed="handleProofConfirmed"
+    @recentProofSelected="handleproofSelected($event)"
     @close="userRecentProofsDialog = false"
   ></UserRecentProofsDialog>
   <ChangeCurrencyDialog
@@ -448,7 +448,7 @@ export default {
     showUserRecentProofs() {
       this.userRecentProofsDialog = true
     },
-    handleProofConfirmed(selectedProof) {
+    handleproofSelected(selectedProof) {
       this.addPriceSingleForm.proof_id = selectedProof.id
       this.proofImagePreview = this.getProofUrl(selectedProof)
       this.proofSelectedSuccessMessage = true