Update shared status in container table after adding / deleting share (merge commit)

Merge branch 'bugfix/new-shares-in-container-table' into 'main'
* Update shared status in container table after adding or deleting share

Closes #1243
See merge request https://gitlab.ci.csc.fi/sds-dev/sd-connect/swift-browser-ui/-/merge_requests/360

Approved-by: Sampsa Penna <sapenna@csc.fi>
Co-authored-by: Monika Radaviciute <mradavic@csc.fi>
Merged by Joonatan Mäkinen <jmakine@csc.fi>

Author: Joonatan Mäkinen

swift_browser_ui_frontend/src/common/store.js

@@ -74,6 +74,7 @@ const store = createStore({
     isLoaderVisible: false,
     prevActiveEl: null,
     newFolder: "",
+    sharingUpdated: false,
   },
   mutations: {
     setProjects(state, newProjects) {
@@ -248,6 +249,9 @@ const store = createStore({
     setNewFolder(state, payload) {
       state.newFolder = payload;
     },
+    setSharingUpdated(state, payload) {
+      state.sharingUpdated = payload;
+    },
   },
   actions: {
     updateContainers: async function (

swift_browser_ui_frontend/src/components/ContainerTable.vue

@@ -98,11 +98,8 @@ export default {
     active() {
       return this.$store.state.active;
     },
-    openShareModal: {
-      get() {
-        return this.$store.state.openShareModal;
-      },
-      set() {},
+    sharingUpdated () {
+      return this.$store.state.sharingUpdated;
     },
   },
   watch: {
@@ -124,11 +121,10 @@ export default {
       this.getPage();
       this.setPagination();
     },
-    openShareModal: function () {
-      if(!this.openShareModal) {
-        setTimeout(() => {
-          this.getSharingContainers().then(() => this.getPage());
-        }, 3000);
+    sharingUpdated() {
+      if (this.sharingUpdated) {
+        this.getSharingContainers().then(() => this.getPage());
+        this.$store.commit("setSharingUpdated", false);
       }
     },
   },

swift_browser_ui_frontend/src/components/ShareModal.vue

@@ -482,6 +482,8 @@ export default {
         );
       }
 
+      // signal to update sharing containers in container table
+      this.$store.commit("setSharingUpdated", true);
       return true;
     },
     toggleShareGuide: function () {

swift_browser_ui_frontend/src/components/ShareModalTable.vue

@@ -348,6 +348,7 @@ export default {
       this.$emit("removeSharedFolder", this.toDelete);
       await this.deleteFolderShare(this.toDelete);
       this.clearDelete();
+      this.$store.commit("setSharingUpdated", true);
     },
     clearDelete: function () {
       this.clickedDelete = false;