thumbnail embed

1 files changed, 21 insertions, 11 deletions

diff --git a/app/client/common/fileViewer.component.js b/app/client/common/fileViewer.component.js
index fcc4e9c..d9f3f4b 100644
--- a/app/client/common/fileViewer.component.js
+++ b/app/client/common/fileViewer.component.js
@@ -29,7 +29,7 @@ class FileViewer extends Component {
   }
 
   fetch() {
-    const { file, path } = this.props
+    const { file, path, thumbnail } = this.props
     if (!file) return
     if (this.state.loading) {
       this.setState({ stale: true })
@@ -39,16 +39,26 @@ class FileViewer extends Component {
     console.log('fetch file', fn)
     const { tool: module } = this.props.app
     this.setState({ buffer: null, loading: true })
-    
-    actions.socket.read_file({ module, fn }).then(buffer => {
-      console.log('fetched buffer')
-      const { stale } = this.state
-      this.setState({ buffer, loading: false, stale: false, }, () => {
-        if (stale) {
-          console.log('stale, fetching...')
-          this.fetch()
-        }
-      })
+
+    if (thumbnail) {
+      const size = parseInt(thumbnail) || 200
+      actions.socket
+        .thumbnail({ module, fn, size })
+        .then(this.loadBuffer.bind(this))
+    } else {
+      actions.socket
+        .read_file({ module, fn })
+        .then(this.loadBuffer.bind(this))
+    }
+  }
+  loadBuffer(buffer) {
+    console.log('fetched buffer')
+    const { stale } = this.state
+    this.setState({ buffer, loading: false, stale: false, }, () => {
+      if (stale) {
+        console.log('stale, fetching...')
+        this.fetch()
+      }
     })
   }