From 28d6dd9a097be3f76ede22f63c6c68a78607aec8 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 22 Sep 2018 14:43:35 +0200
Subject: move fetch functionality into fileviweer

---
 .../modules/pix2pixhd/views/sequence.editor.js     | 29 ++++++++++++----------
 1 file changed, 16 insertions(+), 13 deletions(-)

(limited to 'app/client/modules/pix2pixhd/views/sequence.editor.js')

diff --git a/app/client/modules/pix2pixhd/views/sequence.editor.js b/app/client/modules/pix2pixhd/views/sequence.editor.js
index 9693805..a749df9 100644
--- a/app/client/modules/pix2pixhd/views/sequence.editor.js
+++ b/app/client/modules/pix2pixhd/views/sequence.editor.js
@@ -3,9 +3,9 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import { Route, Link } from 'react-router-dom'
 
-import { Loading, FileList, FileViewer } from '../../common'
+import { Loading, FileList, FileViewer } from '../../../common'
 
-import actions from '../actions'
+import actions from '../../../actions'
 
 class SequenceEditor extends Component {
   state = {
@@ -14,7 +14,12 @@ class SequenceEditor extends Component {
     loading: true
   }
   componentDidMount() {
-    this.fetch(this.state.dir)
+    this.fetch(this.props.dataset)
+  }
+  componentDidUpdate(prevProps) {
+    if (this.props.dataset !== prevProps.dataset) {
+      this.fetch(this.props.dataset)
+    }
   }
   handlePick(file) {
     console.log(file)
@@ -26,22 +31,13 @@ class SequenceEditor extends Component {
   }
   fetch(dir) {
     console.log('fetch', dir)
-    const { tool: module } = this.props.app
+    const { name: module } = this.props.module.name
     this.setState({ dir, file: null, loading: true })
     actions.socket.list_directory({ module, dir }).then(files => {
       console.log(files)
       this.setState({ dir, files, loading: false })
     })
   }
-  fetchFile(fn) {
-    console.log('fetch file', fn)
-    const { tool: module } = this.props.app
-    this.setState({ file: null, loadingFile: true })
-    actions.socket.read_file({ module, fn }).then(file => {
-      console.log(file)
-      this.setState({ file, loadingFile: false })
-    })
-  }
   render() {
     const { app } = this.props
     const {
@@ -49,6 +45,13 @@ class SequenceEditor extends Component {
       loadingFile, file,
     } = this.state
     console.log(this.props, this.state)
+    return (
+      <div className='sequenceEditor'>
+        <div className='timeline'>
+          <div className='selection'></div>
+        </div>
+      </div>
+    )
     // return (
     //   <div className='app browser'>
     //     <h1>{dir}{dir[dir.length-1] !== '/' && '/'}</h1>
-- 
cgit v1.2.3-70-g09d2