summaryrefslogtreecommitdiff
path: root/client/components/Browser/Folders/Folders.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'client/components/Browser/Folders/Folders.jsx')
-rw-r--r--client/components/Browser/Folders/Folders.jsx56
1 files changed, 0 insertions, 56 deletions
diff --git a/client/components/Browser/Folders/Folders.jsx b/client/components/Browser/Folders/Folders.jsx
deleted file mode 100644
index 2c85e80..0000000
--- a/client/components/Browser/Folders/Folders.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { h, Component } from 'preact'
-
-import Modal from '../../UI/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() {
- 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='window'>
- <div class='heading'>
- <b>browser</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>
- )
- }
-}