Added images to cache

CHANGELOG.md

@@ -4,6 +4,8 @@ All notable, unreleased changes to this project will be documented in this file.
 
 ## [Unreleased]
 
+- Fix image caching - #271 by @timuric
+
 ## 0.5.0
 
 - Add stock quantity check without checkout in cart page - #254 by @piotrgrundas

src/components/CachedImage/CachedImage.tsx

@@ -41,7 +41,17 @@ class CachedImage extends React.Component<CachedImageProps, CachedImageState> {
     }
   }
 
+  addImagesToCache() {
+    if ("caches" in window) {
+      const { url, url2x } = this.props;
+      window.caches
+        .open("image-cache")
+        .then(cache => cache.addAll([url, url2x]));
+    }
+  }
+
   componentDidMount() {
+    this.addImagesToCache();
     addEventListener("offline", this.updateOnlineStatus);
     addEventListener("online", this.updateOnlineStatus);
     this.updateAvailability();