refactor file browser stuff

1 files changed, 24 insertions, 0 deletions

diff --git a/client/components/Browser/Folders/NewFolderView.jsx b/client/components/Browser/Folders/NewFolderView.jsx
new file mode 100644
index 0000000..7573450
--- /dev/null
+++ b/client/components/Browser/Folders/NewFolderView.jsx
@@ -0,0 +1,24 @@
+import { h, Component } from 'preact'
+
+export default function NewFolderView (props) {
+  console.log(props)
+  if (! props.visible) {
+    return null
+  }
+  return (
+    <div class='window'>
+      <div class='heading'>
+        <b>new folder</b>
+        <div class='buttons'>
+          <button onClick={props.onClose}>x</button>
+        </div>
+      </div>
+      <input type='text'
+        autofocus
+        placeholder='Enter a name'
+        value={props.name}
+        onChange={props.onChange}
+      />
+    </div>
+  )
+}