summaryrefslogtreecommitdiff
path: root/client/components/Folders/Folders.jsx
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2017-07-04 02:11:44 +0200
committerJules Laplace <julescarbon@gmail.com>2017-07-04 02:11:44 +0200
commit2263f412817d6d2d36372e7617feb0d97fa57af8 (patch)
treec5bc7fd177636a295a508c12e1cc2d703c252056 /client/components/Folders/Folders.jsx
parent0075896decfe2ebf81c2610f4367929c0d51b1d8 (diff)
break out browser and tasks
Diffstat (limited to 'client/components/Folders/Folders.jsx')
-rw-r--r--client/components/Folders/Folders.jsx58
1 files changed, 0 insertions, 58 deletions
diff --git a/client/components/Folders/Folders.jsx b/client/components/Folders/Folders.jsx
deleted file mode 100644
index f63dae2..0000000
--- a/client/components/Folders/Folders.jsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { h, Component } from 'preact'
-import { Link } from 'react-router-dom'
-
-import Modal from '../Modal.jsx'
-import FolderForm from './FolderForm.jsx'
-
-import client from '../../client.js'
-
-export default class Folders extends Component {
- constructor(props) {
- super()
- this.state = {
- adding: false,
- }
- }
- openModal() {
- this.setState({ adding: true })
- }
- closeModal() {
- this.setState({ adding: false })
- }
- toggle(folder) {
- folder.open = ! folder.open
- if (folder.open && ! folder.files) {
- client.file.index({ 'folder_id': folder.id }).then( files => {
- console.log(files)
- folder.files = files
- this.props.openFolder(folder)
- })
- }
- }
- render() {
- console.log(this.props)
- const folders = (this.props.folders || []).map( (folder,i) => {
- return (
- <div key={i} onClick={() => this.toggle(folder)}>
- <span class='name'>{folder.name}</span>
- </div>
- )
- })
- return (
- <div class='folders'>
- <div class='heading'>
- <b>folders</b>
- <div class='buttons'>
- <button onClick={() => this.openModal()}>+ folder</button>
- </div>
- </div>
- <div class='list'>
- {folders}
- </div>
- <Modal visible={this.state.adding} onClose={() => this.closeModal()}>
- <FolderForm addFolder={this.props.addFolder} onClose={() => this.closeModal()} />
- </Modal>
- </div>
- )
- }
-}