From 2af9ff7d001e9c26b695602a7cf47bfc79959700 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Wed, 29 Nov 2023 16:01:15 +0100
Subject: [PATCH] reload masonry when dom is updated

---
 .../public/vuejs/HomepageWidget/MyCustoms.vue      | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue
index cc50715f1..5f6439123 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyCustoms.vue
@@ -64,7 +64,8 @@ export default {
          counterClass: {
             counter: true   //hack to pass class 'counter' in i18n-t
          },
-         dashboardItems: []
+         dashboardItems: [],
+         masonry: null,
       }
    },
    computed: {
@@ -75,7 +76,7 @@ export default {
    },
    mounted() {
       const elem = document.querySelector('#dashboards');
-      const masonry = new Masonry(elem, {});
+      this.masonry = new Masonry(elem, {});
        //Fetch the dashboard items configured for user. Currently response is still hardcoded
        makeFetch('GET', '/api/1.0/main/dashboard-config-item.json')
            .then((response) => {
@@ -84,8 +85,13 @@ export default {
            })
            .catch((error) => {
                throw error
-           })
-   }
+           });
+
+
+   },
+    updated() {
+       this.masonry.layout();
+    }
 }
 </script>