แก้ไข dialog การตอบกลับข้อความ

src/modules/01_dashboard/views/Dashboard.vue

@@ -121,11 +121,14 @@ const transferToPage = (path?: string) => {
 
 // Dialog Reply
 const modalReply = ref<boolean>(false);
-function dialogRepleOpen() {
+const contactNo = ref<string>();
+function dialogRepleOpen(id: string) {
+  contactNo.value = id;
   modalReply.value = true;
 }
 
 function modalReplyClose() {
+  contactNo.value = "";
   modalReply.value = false;
 }
 </script>
@@ -232,16 +235,10 @@ function modalReplyClose() {
                   icon="mdi-reply"
                   size="10px"
                   color="grey-7"
-                  @click="dialogRepleOpen()"
+                  @click="dialogRepleOpen(contact.no)"
                 >
                   <q-tooltip>ตอบกลับข้อความ</q-tooltip>
                 </q-btn>
-
-                <PopupReplyInbox
-                  :modal="modalReply"
-                  :idInbox="contact.no"
-                  :click-close="modalReplyClose"
-                />
               </q-item-section>
             </q-item>
           </q-list>
@@ -260,6 +257,11 @@ function modalReplyClose() {
       </q-card>
     </div>
   </div>
+  <PopupReplyInbox
+    :modal="modalReply"
+    :idInbox="contactNo"
+    :click-close="modalReplyClose"
+  />
 </template>
 <style>
 .my-menu-link {