blob: 0ed92888819ef790a9c049d0ce2888bfc0316a34 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
import { h, Component } from 'preact'
import { isMobile } from '../vendor/util'
// import db from '../db'
import { Link, withRouter } from 'react-router-dom'
import Header from './Header.jsx'
import Folders from './Folders/Folders.jsx'
import Folder from './Folder/Folder.jsx'
import client from '../client'
class App extends Component {
constructor(props) {
super()
let openFolders = JSON.parse( localStorage['openFolders'] || 'null' )
this.state = {
folders: null,
openFolders: openFolders || [],
}
client.folder.index().then( folders => this.setState({ folders }) )
}
openFolder(folder) {
if (this.state.openFolders.indexOf(folder) === -1) {
this.setState({ openFolders: this.state.openFolders.concat([folder]) })
}
}
addFolder(folder) {
this.setState({ folders: this.state.folders.concat([folder]) })
}
render() {
const openFolders = this.state.openFolders.map((folder) => {
return (
<Folder folder={folder} />
)
})
return (
<div>
<Header />
<Folders folders={this.state.folders} openFolder={(folder) => this.openFolder(folder)} addFolder={(folder) => this.addFolder(folder)} />
{openFolders}
</div>
)
}
}
export default withRouter(App)
|
