From 25c0e6a0a3be6af6dc464abbd14db066e0b5fcee Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Fri, 7 Aug 2020 12:14:38 -0400
Subject: [PATCH] Add event emitter, refresh files browse on upload

---
 app/package-lock.json                          | 5 +++++
 app/package.json                               | 1 +
 app/src/events.ts                              | 6 ++++++
 app/src/layouts/cards/components/card.vue      | 2 +-
 app/src/modules/files/routes/browse/browse.vue | 6 +++++-
 app/src/views/private/private-view.vue         | 3 +++
 6 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 app/src/events.ts

diff --git a/app/package-lock.json b/app/package-lock.json
index 87dabfc8ad..8192fb6e2d 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -15596,6 +15596,11 @@
         "through2": "^2.0.0"
       }
     },
+    "mitt": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-2.1.0.tgz",
+      "integrity": "sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg=="
+    },
     "mixin-deep": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
diff --git a/app/package.json b/app/package.json
index 6f12a65b0d..aa0c5c83df 100644
--- a/app/package.json
+++ b/app/package.json
@@ -58,6 +58,7 @@
     "marked": "^1.1.1",
     "micromustache": "^7.1.0",
     "mime-types": "^2.1.27",
+    "mitt": "^2.1.0",
     "mousetrap": "^1.6.5",
     "nanoid": "^3.1.10",
     "pinia": "^0.0.7",
diff --git a/app/src/events.ts b/app/src/events.ts
new file mode 100644
index 0000000000..d5b224242a
--- /dev/null
+++ b/app/src/events.ts
@@ -0,0 +1,6 @@
+import mitt from 'mitt';
+
+const emitter = mitt();
+
+export default emitter;
+export enum Events { upload = 'upload' }
diff --git a/app/src/layouts/cards/components/card.vue b/app/src/layouts/cards/components/card.vue
index 3b5eb7f346..ade5897632 100644
--- a/app/src/layouts/cards/components/card.vue
+++ b/app/src/layouts/cards/components/card.vue
@@ -137,7 +137,7 @@ export default defineComponent({
 			if (props.selectMode === true) {
 				toggleSelection();
 			} else {
-				router.push(props.to);
+				router.push(props.to, () => {});
 			}
 		}
 	},
diff --git a/app/src/modules/files/routes/browse/browse.vue b/app/src/modules/files/routes/browse/browse.vue
index 08370c03d9..8a17a37164 100644
--- a/app/src/modules/files/routes/browse/browse.vue
+++ b/app/src/modules/files/routes/browse/browse.vue
@@ -103,7 +103,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref, PropType } from '@vue/composition-api';
+import { defineComponent, computed, ref, PropType, onMounted, onUnmounted } from '@vue/composition-api';
 import FilesNavigation from '../../components/navigation/';
 import { i18n } from '@/lang';
 import api from '@/api';
@@ -115,6 +115,7 @@ import AddFolder from '../../components/add-folder';
 import SearchInput from '@/views/private/components/search-input';
 import marked from 'marked';
 import FolderPicker from '../../components/folder-picker';
+import emitter, { Events } from '@/events';
 
 type Item = {
 	[field: string]: any;
@@ -192,6 +193,9 @@ export default defineComponent({
 
 		const { moveToDialogActive, moveToFolder, moving, selectedFolder } = useMovetoFolder();
 
+		onMounted(() => emitter.on(Events.upload, refresh));
+		onUnmounted(() => emitter.off(Events.upload, refresh));
+
 		return {
 			batchDelete,
 			batchLink,
diff --git a/app/src/views/private/private-view.vue b/app/src/views/private/private-view.vue
index 3f2447886c..cbbbdb3b83 100644
--- a/app/src/views/private/private-view.vue
+++ b/app/src/views/private/private-view.vue
@@ -69,6 +69,7 @@ import uploadFiles from '@/utils/upload-files';
 import i18n from '@/lang';
 import useEventListener from '@/composables/use-event-listener';
 import useAppStore from '@/stores/app';
+import emitter, { Events } from '@/events';
 
 export default defineComponent({
 	components: {
@@ -235,6 +236,8 @@ export default defineComponent({
 					});
 				});
 
+				emitter.emit(Events.upload);
+
 				notificationsStore.remove(fileUploadNotificationID);
 			}
 		}