Update favorites resources list on remove from favorites

changelog/unreleased/bugfix-favorites-list-update-on-removal

@@ -0,0 +1,5 @@
+Bugfix: Favorites list update on removal
+
+The Favorites list is now updating when a resource is removed from the list in this view
+
+https://github.com/owncloud/web/pull/9078

packages/web-app-files/src/store/actions.ts

@@ -19,6 +19,7 @@ import { ClientService, LoadingTaskCallbackArguments } from 'web-pkg/src/service
 import { Language } from 'vue3-gettext'
 import { DavProperty } from 'web-client/src/webdav/constants'
 import { AncestorMetaData } from 'web-app-files/src/helpers/resource/ancestorMetaData'
+import { eventBus } from 'web-pkg/src/services/eventBus'
 
 const allowSharePermissions = (getters) => {
   return (
@@ -147,6 +148,9 @@ export default {
           field: 'starred',
           value: newValue
         })
+        if (!newValue) {
+          eventBus.publish('app.files.list.removeFromFavorites')
+        }
       })
       .catch((error) => {
         throw new Error(error)

packages/web-app-files/src/views/Favorites.vue

@@ -88,6 +88,7 @@ import FilesViewWrapper from '../components/FilesViewWrapper.vue'
 import { useStore } from 'web-pkg/src/composables'
 import { SpaceResource } from 'web-client/src/helpers'
 import { getSpaceFromResource } from 'web-app-files/src/helpers/resource/getSpace'
+import { eventBus } from 'web-pkg/src/services/eventBus'
 
 const visibilityObserver = new VisibilityObserver()
 
@@ -117,11 +118,14 @@ export default defineComponent({
       ViewModeConstants.tilesView
     ])
 
+    let loadResourcesEventToken
+
     return {
       ...useFileActions(),
       ...useResourcesViewDefaults<Resource, any, any[]>(),
       getSpace,
-      viewModes
+      viewModes,
+      loadResourcesEventToken
     }
   },
 
@@ -141,12 +145,18 @@ export default defineComponent({
   },
 
   async created() {
-    await this.loadResourcesTask.perform()
-    this.scrollToResourceFromRoute(this.paginatedResources)
+    this.loadResourcesEventToken = await eventBus.subscribe(
+      'app.files.list.removeFromFavorites',
+      async () => {
+        await this.loadResourcesTask.perform()
+        this.scrollToResourceFromRoute(this.paginatedResources)
+      }
+    )
   },
 
   beforeUnmount() {
     visibilityObserver.disconnect()
+    eventBus.unsubscribe('app.files.list.removeFromFavorites', this.loadResourcesEventToken)
   },
 
   methods: {