Going LIte

lib/components/modal/CreateNewFolder.js

@@ -1,7 +1,8 @@
 import React, { PropTypes } from 'react'
 import linkState from 'boost/linkState'
-import api from 'boost/api'
-import { pick } from 'lodash'
+import keygen from 'boost/keygen'
+import { createFolder } from 'boost/actions'
+import store from 'boost/store'
 
 export default class CreateNewFolder extends React.Component {
   constructor (props) {
@@ -9,54 +10,42 @@ export default class CreateNewFolder extends React.Component {
 
     this.state = {
       name: '',
-      public: false
+      alert: null
     }
   }
+
   handleCloseButton (e) {
     this.props.close()
   }
 
-  handlePublicButtonClick (value) {
-    console.log(value)
-    return e => {
-      this.setState({public: value})
-    }
-  }
-
   handleConfirmButton (e) {
-    let { user, close } = this.props
-    let input = pick(this.state, ['public', 'name'])
-    input.UserId = user.id
+    let { close } = this.props
+    let key = keygen()
+    let name = this.state.name
+    let input = {
+      name,
+      key,
+      createAt: new Date(),
+      updatedAt: new Date(),
+      // random number (0-7)
+      color: Math.round(Math.random() * 7)
+    }
 
-    api.createFolder(input)
-      .then(res => {
-        console.log(res.body)
-        close()
-      })
-      .catch(err => {
-        console.log(err)
-        var alert
-        if (err.code === 'ECONNREFUSED') {
-          alert = {
-            type: 'error',
-            message: 'Can\'t connect to API server.'
-          }
-        } else if (err.status != null) {
-          alert = {
-            type: 'error',
-            message: err.response.body.message
-          }
-        } else {
-          throw err
-        }
-
-        this.setState({alert: alert})
-      })
+    store.dispatch(createFolder(input))
+    try {
+    } catch (e) {
+      this.setState({alert: {
+        type: 'error',
+        message: e.message
+      }})
+      return
+    }
+    close()
   }
 
   render () {
     let alert = this.state.alert
-    let alertEl = alert != null ? (
+    let alertElement = alert != null ? (
         <p className={`alert ${alert.type}`}>
           {alert.message}
         </p>
@@ -69,13 +58,7 @@ export default class CreateNewFolder extends React.Component {
         <div className='title'>Create new folder</div>
 
         <input className='ipt' type='text' valueLink={this.linkState('name')} placeholder='Enter folder name'/>
-
-        <div className='public'>
-          <button className={!this.state.public ? 'active' : ''} onClick={e => this.handlePublicButtonClick(false)(e)}>Private</button>
-          <span className='divider'>/</span>
-          <button className={this.state.public ? 'active' : ''} onClick={e => this.handlePublicButtonClick(true)(e)}>Public</button>
-        </div>
-        {alertEl}
+        {alertElement}
 
         <button onClick={e => this.handleConfirmButton(e)} className='confirmBtn'>Create</button>
       </div>
@@ -84,7 +67,6 @@ export default class CreateNewFolder extends React.Component {
 }
 
 CreateNewFolder.propTypes = {
-  user: PropTypes.shape(),
   close: PropTypes.func
 }