Do not render the workspace if file list is hidden

Signed-off-by: Julius Härtl <jus@bitgrid.net>

Author: juliusknorr

src/helpers/files.js

@@ -21,6 +21,7 @@
  */
 
 import { loadState } from '@nextcloud/initial-state'
+import { subscribe } from '@nextcloud/event-bus'
 import { openMimetypes } from './mime.js'
 import { getSharingToken } from './token.js'
 import RichWorkspace from '../views/RichWorkspace.vue'
@@ -174,6 +175,12 @@ const FilesWorkspacePlugin = {
 				store,
 			}).$mount(this.el)
 
+			subscribe('files:navigation:changed', () => {
+				// Expose if the default file list is active to the component
+				// to only render the workspace if the file list is actually visible
+				vm.active = OCA.Files.App.getCurrentFileList() === fileList
+			})
+
 			fileList.$el.on('urlChanged', data => {
 				vm.path = data.dir.toString()
 			})

src/views/RichWorkspace.vue

@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<div v-if="enabled" id="rich-workspace" :class="{'icon-loading': !loaded || !ready, 'focus': focus, 'dark': darkTheme, 'creatable': canCreate, 'empty': showEmptyWorkspace}">
+	<div v-if="enabled && active" id="rich-workspace" :class="{'icon-loading': !loaded || !ready, 'focus': focus, 'dark': darkTheme, 'creatable': canCreate, 'empty': showEmptyWorkspace}">
 		<a v-if="showEmptyWorkspace"
 			tabindex="0"
 			class="empty-workspace"
@@ -71,6 +71,10 @@ export default {
 			type: String,
 			required: true,
 		},
+		active: {
+			type: Boolean,
+			default: true,
+		},
 	},
 	data() {
 		return {