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

Make InfoButton component stateless

Browse Source
This commit is contained in:
asmsuechan
2017-07-08 13:29:25 +09:00
parent a7bd3f253f
commit 805829be78
2 changed files with 17 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
browser/main/Detail/InfoButton.js
View File

@@ -2,29 +2,15 @@ import React, { PropTypes } from 'react'
import CSSModules from 'browser/lib/CSSModules'
import styles from './InfoButton.styl'
class InfoButton extends React.Component {
constructor (props) {
super(props)
this.handleInfoButtonClick = this.handleInfoButtonClick.bind(this)
}
handleInfoButtonClick (e) {
e.preventDefault()
const infoPanel= document.querySelector('.infoPanel')
infoPanel.style.display = display === 'none' ? 'inline' : 'none'
}
render () {
return (
<button styleName='control-infoButton'
onClick={(e) => this.handleInfoButtonClick(e)}
>
<i className='fa fa-info-circle infoButton' styleName='info-button' />
</button>
)
}
}
const InfoButton = ({
onClick
}) => (
<button styleName='control-infoButton'
onClick={(e) => onClick(e)}
>
<i className='fa fa-info-circle infoButton' styleName='info-button' />
</button>
)
InfoButton.propTypes = {
}