ImageZoom: Fix when multiple images with carrousel (#2966)

Co-authored-by: Nuckyz <[email protected]>
Vendicated · Oct 24, 2024 · a6ea03b · a6ea03b
1 parent e620431
commit a6ea03b
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/plugins/imageZoom/index.tsx b/src/plugins/imageZoom/index.tsx
@@ -179,6 +179,11 @@ export default definePlugin({
                 {
                     match: /componentWillUnmount\(\){/,
                     replace: "$&$self.unMountMagnifier();"
+                },
+
+                {
+                    match: /componentDidUpdate\(\i\){/,
+                    replace: "$&$self.updateMagnifier(this);"
                 }
             ]
         }
@@ -215,6 +220,11 @@ export default definePlugin({
         }
     },
 
+    updateMagnifier(instance) {
+        this.unMountMagnifier();
+        this.renderMagnifier(instance);
+    },
+
     unMountMagnifier() {
         this.root?.unmount();
         this.currentMagnifierElement = null;