From f8b61281be84a6e4e7a44be5109e688a7c56c671 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 7 Jul 2017 21:18:33 +0200 Subject: refactor files so list updates while processing --- client/containers/audioPlayer.js | 14 ++++++++++++++ client/containers/audioPlayerContainer.js | 14 -------------- client/containers/browser.js | 29 +++++++++++++++++++++++++++++ client/containers/taskForm.js | 5 ----- client/containers/taskList.js | 15 +++++++++++++++ 5 files changed, 58 insertions(+), 19 deletions(-) create mode 100644 client/containers/audioPlayer.js delete mode 100644 client/containers/audioPlayerContainer.js create mode 100644 client/containers/browser.js create mode 100644 client/containers/taskList.js (limited to 'client/containers') diff --git a/client/containers/audioPlayer.js b/client/containers/audioPlayer.js new file mode 100644 index 0000000..92da673 --- /dev/null +++ b/client/containers/audioPlayer.js @@ -0,0 +1,14 @@ +import { connect } from 'react-redux' +import AudioPlayerView from '../components/UI/AudioPlayerView.jsx' + +const mapStateToProps = state => state.audioPlayer + +const mapDispatchToProps = (dispatch, ownProps) => ({ +}) + +const AudioPlayer = connect( + mapStateToProps, + mapDispatchToProps +)( AudioPlayerView ) + +export default AudioPlayer diff --git a/client/containers/audioPlayerContainer.js b/client/containers/audioPlayerContainer.js deleted file mode 100644 index 69516cc..0000000 --- a/client/containers/audioPlayerContainer.js +++ /dev/null @@ -1,14 +0,0 @@ -import { connect } from 'react-redux' -import AudioPlayer from '../components/UI/AudioPlayer.jsx' - -const mapStateToProps = state => state.audioPlayer - -const mapDispatchToProps = (dispatch, ownProps) => ({ -}) - -const AudioPlayerContainer = connect( - mapStateToProps, - mapDispatchToProps -)( AudioPlayer ) - -export default AudioPlayerContainer diff --git a/client/containers/browser.js b/client/containers/browser.js new file mode 100644 index 0000000..9f9b4c1 --- /dev/null +++ b/client/containers/browser.js @@ -0,0 +1,29 @@ +import { connect } from 'react-redux' +import BrowserView from '../components/Browser/BrowserView.jsx' + +const mapStateToProps = state => state.folders + +const mapDispatchToProps = (dispatch, ownProps) => ({ + addFolder: (folder) => { + // this.setState({ folders: this.state.folders.concat([folder]) }) + }, + openFolder: (folder) => { +// if (this.state.openFolders.indexOf(folder.id) === -1) { +// const newOpenFolders = this.state.openFolders.concat(folder.id) +// localStorage['openFolders'] = JSON.stringify(newOpenFolders) +// this.setState({ openFolders: newOpenFolders }) +// } + }, + closeFolder: (folder) => { +// const openFolders = this.state.openFolders.filter( folder_id => folder_id !== folder.id ) +// localStorage['openFolders'] = JSON.stringify(openFolders) +// this.setState({ openFolders }) + } +}) + +const Browser = connect( + mapStateToProps, + mapDispatchToProps +)( BrowserView ) + +export default Browser diff --git a/client/containers/taskForm.js b/client/containers/taskForm.js index ac1a214..0e8aeac 100644 --- a/client/containers/taskForm.js +++ b/client/containers/taskForm.js @@ -1,8 +1,3 @@ -import { h, Component } from 'preact' -import { Link } from 'react-router-dom' - -import client from '../client.js' - import { connect } from 'react-redux' import { setContent, setStyle, setAlpha, createTask } from '../actions' import TaskFormView from '../components/Tasks/TaskFormView.jsx' diff --git a/client/containers/taskList.js b/client/containers/taskList.js new file mode 100644 index 0000000..f4a5a1d --- /dev/null +++ b/client/containers/taskList.js @@ -0,0 +1,15 @@ +import { connect } from 'react-redux' +// import {} from '../actions' +import TaskListView from '../components/Tasks/TaskListView.jsx' + +const mapStateToProps = (state) => ({ tasks: state.tasks }) + +const mapDispatchToProps = { +} + +const TaskList = connect( + mapStateToProps, + mapDispatchToProps +)(TaskListView) + +export default TaskList -- cgit v1.2.3-70-g09d2