From 82cf40b516b5ab11c34b3642a01603ec1b590c9f Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 29 Jun 2017 13:05:21 +0200
Subject: store open folders in localstorage

---
 client/components/Folders/Folders.jsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

(limited to 'client/components/Folders/Folders.jsx')

diff --git a/client/components/Folders/Folders.jsx b/client/components/Folders/Folders.jsx
index 0d34f58..f63dae2 100644
--- a/client/components/Folders/Folders.jsx
+++ b/client/components/Folders/Folders.jsx
@@ -34,16 +34,23 @@ export default class Folders extends Component {
     const folders = (this.props.folders || []).map( (folder,i) => {
       return (
         <div key={i} onClick={() => this.toggle(folder)}>
-          {folder.name}
+          <span class='name'>{folder.name}</span>
         </div>
       )
     })
     return (
       <div class='folders'>
-        <b>folders</b> <button onClick={() => this.openModal()}>+ folder</button>
-        {folders}
+        <div class='heading'>
+          <b>folders</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} />
+          <FolderForm addFolder={this.props.addFolder} onClose={() => this.closeModal()} />
         </Modal>
       </div>
     )
-- 
cgit v1.2.3-70-g09d2

