public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 02:36:36 +00:00
Code Issues Releases Wiki Activity

clean code

Browse Source
This commit is contained in:
Rokt33r
2016-05-03 15:41:11 +09:00
parent ea8e31561e
commit 10aae90ae2
15 changed files with 84 additions and 625 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
browser/main/modal/CreateNewFolder.js
View File

@@ -1,7 +1,6 @@
import React, { PropTypes } from 'react'
import ReactDOM from 'react-dom'
import linkState from 'browser/lib/linkState'
import { createFolder } from '../actions'
import store from '../store'
import FolderMark from 'browser/components/FolderMark'
@@ -34,7 +33,7 @@ export default class CreateNewFolder extends React.Component {
color
}
try {
store.dispatch(createFolder(input))
// store.dispatch(createFolder(input))
} catch (e) {
this.setState({alert: {
type: 'error',
@@ -47,7 +46,7 @@ export default class CreateNewFolder extends React.Component {
}
handleColorClick (colorIndex) {
return e => {
return (e) => {
this.setState({
color: colorIndex
})
@@ -63,20 +62,20 @@ export default class CreateNewFolder extends React.Component {
render () {
let alert = this.state.alert
let alertElement = alert != null ? (
<p className={`alert ${alert.type}`}>
{alert.message}
</p>
) : null
<p className={`alert ${alert.type}`}>
{alert.message}
</p>
) : null
let colorIndexes = []
for (let i = 0; i < 8; i++) {
colorIndexes.push(i)
}
let colorElements = colorIndexes.map(index => {
let colorElements = colorIndexes.map((index) => {
let className = 'option'
if (index === this.state.color) className += ' active'
return (
<span className={className} key={index} onClick={e => this.handleColorClick(index)(e)}>
<span className={className} key={index} onClick={(e) => this.handleColorClick(index)(e)}>
<FolderMark color={index}/>
</span>
)
@@ -84,17 +83,17 @@ export default class CreateNewFolder extends React.Component {
return (
<div className='CreateNewFolder modal'>
<button onClick={e => this.handleCloseButton(e)} className='closeBtn'><i className='fa fa-fw fa-times'/></button>
<button onClick={(e) => this.handleCloseButton(e)} className='closeBtn'><i className='fa fa-fw fa-times'/></button>
<div className='title'>Create new folder</div>
<input ref='folderName' onKeyDown={e => this.handleKeyDown(e)} className='ipt' type='text' valueLink={this.linkState('name')} placeholder='Enter folder name'/>
<input ref='folderName' onKeyDown={(e) => this.handleKeyDown(e)} className='ipt' type='text' valueLink={this.linkState('name')} placeholder='Enter folder name'/>
<div className='colorSelect'>
{colorElements}
</div>
{alertElement}
<button onClick={e => this.handleConfirmButton(e)} className='confirmBtn'>Create</button>
<button onClick={(e) => this.handleConfirmButton(e)} className='confirmBtn'>Create</button>
</div>
)
}