seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

fix: clear product image URL from window object on component unmount to prevent memory leaks

Browse Source
This commit is contained in:
sebseb7
2025-07-23 08:36:13 +02:00
parent d16e979771
commit 602324b1fe
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Images.js
View File

@@ -23,6 +23,9 @@ class Images extends Component {
this.updatePics(); this.updatePics();
} }
} }
componentWillUnmount() {
window.productImageUrl = null;
}
updatePics = (newMainPic = this.state.mainPic) => { updatePics = (newMainPic = this.state.mainPic) => {
if (!window.tinyPicCache) window.tinyPicCache = {}; if (!window.tinyPicCache) window.tinyPicCache = {};
@@ -105,6 +108,8 @@ class Images extends Component {
render() { render() {
// SPA version - full functionality with static fallback // SPA version - full functionality with static fallback
const getImageSrc = () => { const getImageSrc = () => {
if(window.productImageUrl) return window.productImageUrl;
// If dynamic image is loaded, use it // If dynamic image is loaded, use it
if (this.state.pics[this.state.mainPic]) { if (this.state.pics[this.state.mainPic]) {
return this.state.pics[this.state.mainPic]; return this.state.pics[this.state.mainPic];