refactor file browser stuff

1 files changed, 24 insertions, 0 deletions

diff --git a/client/components/Browser/Folders/FolderListView.jsx b/client/components/Browser/Folders/FolderListView.jsx
new file mode 100644
index 0000000..1ee76d8
--- /dev/null
+++ b/client/components/Browser/Folders/FolderListView.jsx
@@ -0,0 +1,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>
+  )
+}