client/components/Browser/Folders/FolderListView.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { h, Component } from 'preact'

export default function FolderListView (props) {
  console.log(props)
  const folders = props.folders.map( (folder, i) => (
    <div key={i} onClick={() => props.openFolder(folder)}>
      <span class='name'>{folder.name}</span>
    </div>
  ))
  
  return (
    <div class='window'>
      <div class='heading'>
        <b>browser</b>
        <div class='buttons'>
          <button onClick={props.initNewFolder}>+ folder</button>
        </div>
      </div>
      <div class='list'>
        {folders}
      </div>
    </div>
  )
}