Send progress in main view

src/components/file_mode/SendAttachmentsLayout.vue

@@ -245,8 +245,8 @@ export default defineComponent({
 
     batch: {
       type: Object,
-      default: function () {
-        return reactive(createUploadBatch(null, null, 0));
+      default: () => {
+        return createUploadBatch(null, null);
       },
     },
   },
@@ -294,7 +294,7 @@ export default defineComponent({
           this.currentItemIndex = newValue.length - 1;
         }
       },
-      deep: true,
+      deep: 1,
     },
   },
   methods: {
@@ -323,6 +323,7 @@ export default defineComponent({
     },
     sendAll() {
       this.status = this.mainStatuses.SENDING;
+      this.$emit("close");
       this.batch
         .send(this.messageInput && this.messageInput.length > 0 ? this.messageInput : this.defaultRootMessageText)
         .then(() => {

src/components/file_mode/ThumbnailView.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script setup lang="ts">
-import utils from "../../plugins/utils";
+import { singleOrDoubleTapRecognizer } from "../../plugins/touch";
 import { computed, inject, onBeforeUnmount, onMounted, Ref, ref, useTemplateRef, watch } from "vue";
 import { EventAttachment } from "../../models/eventAttachment";
 import { useThumbnail } from "../messages/composition/useThumbnail";
@@ -119,7 +119,7 @@ const loadingProgress = computed(() => {
 
 onMounted(() => {
   if (thumbnailRef.value && (item as EventAttachment)) {
-    const hammerInstance = utils.singleOrDoubleTabRecognizer(thumbnailRef.value);
+    const hammerInstance = singleOrDoubleTapRecognizer(thumbnailRef.value);
     hammerInstance.on("singletap doubletap", (ev: any) => {
       if (ev.type === "singletap") {
         emits("itemclick", { item: item as EventAttachment });