Add basic caching of preview thumbnails

Fixes #927
cookpete · Jun 11, 2020 · dba324a · dba324a
1 parent f90c756
commit dba324a
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/Preview.js b/src/Preview.js
@@ -2,6 +2,8 @@ import React, { Component } from 'react'
 
 const ICON_SIZE = '64px'
 
+const cache = {}
+
 export default class Preview extends Component {
   mounted = false
   state = {
@@ -29,13 +31,18 @@ export default class Preview extends Component {
       this.setState({ image: light })
       return
     }
+    if (cache[url]) {
+      this.setState({ image: cache[url] })
+      return
+    }
     this.setState({ image: null })
     return window.fetch(`https://noembed.com/embed?url=${url}`)
       .then(response => response.json())
       .then(data => {
         if (data.thumbnail_url && this.mounted) {
           const image = data.thumbnail_url.replace('height=100', 'height=480')
           this.setState({ image })
+          cache[url] = image
         }
       })
   }