fix: reload attachments after attaching file

frontend/src/components/Activities/Activities.vue

@@ -105,10 +105,12 @@
         </div>
       </div>
       <div v-else-if="title == 'Attachments'">
-        <div
+        <div class="flex flex-col gap-2 px-3 sm:px-10 mb-4">
-          class="grid grid-cols-1 gap-4 px-3 pb-3 sm:px-10 sm:pb-5 lg:grid-cols-2 xl:grid-cols-3"
+          <div
-        >
+            v-for="attachment in activities"
-          <div v-for="attachment in activities">
+            :key="attachment.name"
+            class="activity"
+          >
             <AttachmentArea :attachment="attachment" />
           </div>
         </div>
@@ -415,6 +417,7 @@
     v-model="showFilesUploader"
     :doctype="doctype"
     :docname="doc.data.name"
+    @after="() => all_activities.reload()"
   />
 </template>
 <script setup>
@@ -609,9 +612,9 @@ function get_activities() {
 }
 
 const activities = computed(() => {
-  let activities = []
+  let _activities = []
   if (title.value == 'Activity') {
-    activities = get_activities()
+    _activities = get_activities()
   } else if (title.value == 'Emails') {
     if (!all_activities.data?.versions) return []
     activities = all_activities.data.versions.filter(
@@ -636,7 +639,7 @@ const activities = computed(() => {
     return sortByCreation(all_activities.data.attachments)
   }
 
-  activities.forEach((activity) => {
+  _activities.forEach((activity) => {
     activity.icon = timelineIcon(activity.activity_type, activity.is_lead)
 
     if (
@@ -655,7 +658,7 @@ const activities = computed(() => {
       })
     }
   })
-  return sortByCreation(activities)
+  return sortByCreation(_activities)
 })
 
 function sortByCreation(list) {
@@ -776,5 +779,5 @@ function scroll(hash) {
   }, 500)
 }
 
-defineExpose({ emailBox })
+defineExpose({ emailBox, all_activities })
 </script>

frontend/src/components/FilesUploader/FilesUploader.vue

@@ -123,6 +123,8 @@ const props = defineProps({
   },
 })
 
+const emit = defineEmits(['after'])
+
 const show = defineModel()
 
 const filesUploaderArea = ref(null)
@@ -216,6 +218,7 @@ function attachFile(file, i) {
         files.value = []
         show.value = false
         fileUploadStarted.value = false
+        emit('after')
       }
     })
     .catch((error) => {

frontend/src/pages/Deal.vue

@@ -309,6 +309,7 @@
     v-model="showFilesUploader"
     doctype="CRM Deal"
     :docname="deal.data.name"
+    @after="() => activities?.all_activities?.reload()"
   />
 </template>
 <script setup>

frontend/src/pages/Lead.vue

@@ -282,6 +282,7 @@
     v-model="showFilesUploader"
     doctype="CRM Lead"
     :docname="lead.data.name"
+    @after="() => activities?.all_activities?.reload()"
   />
 </template>
 <script setup>