Merge remote-tracking branch 'origin/remove-wait-for-ref' into remove…

…-wait-for-ref

components/ExternalDa.vue

@@ -24,6 +24,7 @@
   </div>
 </template>
 <script setup>
+import { nextTick } from 'vue'
 import { useMiscStore } from '../stores/misc'
 import { ref, computed, onBeforeUnmount } from '#imports'
 
@@ -101,12 +102,14 @@ let shownFirst = false
 
 const emit = defineEmits(['rendered'])
 
-function visibilityChanged(visible) {
+async function visibilityChanged(visible) {
   try {
     if (visible && !shownFirst) {
       isVisible.value = visible
       shownFirst = true
 
+      await nextTick()
+
       window.googletag = window.googletag || { cmd: [] }
       window.googletag.cmd.push(function () {
         window.googletag.pubads().collapseEmptyDivs()

components/MessageReplySection.vue

@@ -100,6 +100,7 @@
 </template>
 <script>
 import { mapWritableState } from 'pinia'
+import { nextTick } from 'vue'
 import { useMessageStore } from '../stores/message'
 import { useAuthStore } from '../stores/auth'
 import { useReplyStore } from '../stores/reply'
@@ -221,6 +222,8 @@ export default {
           this.newUserPassword = ret.password
           this.showNewUser = true
 
+          await nextTick()
+
           // Now that we are logged in, we can reply.
           this.$refs.newUserModal?.show()
 

components/OurFilePond.vue

@@ -131,7 +131,7 @@ export default {
         const png = await window.heic2any({
           blob,
           toType: 'image/jpeg',
-          quality: 0.1,
+          quality: 0.92,
         })
         data.append('photo', png, 'photo')
       } else {

components/OurMessage.vue

@@ -247,9 +247,8 @@ export default {
     }
 
     if (this.scrollIntoView) {
-      this.$nextTick(() => {
-        this.$refs.msg.scrollIntoView()
-      })
+      await this.$nextTick()
+      this.$refs.msg.scrollIntoView()
     }
   },
   methods: {

components/PostMessage.vue

@@ -182,7 +182,7 @@ export default {
         photoid: id,
       })
     },
-    drop(e) {
+    async drop(e) {
       // Although it's probably not widely used (I didn't know it even worked) in the old code you could drag and drog
       // a file onto the Add photos button.  So we should handle that too here.
       const droppedFiles = e.dataTransfer.files
@@ -195,10 +195,9 @@ export default {
       this.pondBrowse = false
 
       // Give pond time to render.
-      this.$nextTick().then(() => {
-        ;[...droppedFiles].forEach((f) => {
-          this.$refs.filepond.addFile(f)
-        })
+      await this.$nextTick()
+      ;[...droppedFiles].forEach((f) => {
+        this.$refs.filepond.addFile(f)
       })
     },
     hidePhotoButton() {

composables/useCompose.js

@@ -285,7 +285,9 @@ export async function freegleIt(type, router) {
       })
     }
   } catch (e) {
-    console.log('Submit failed', e, e?.response?.data?.ret)
+    console.log('Submit failed', e, e.response.data.ret)
+    this.submitting = false
+
     if (e?.message) {
       if (e.message.includes('Unvalidated email')) {
         console.log('unvalidated')