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

add highlighting for an active item in the snippet list

Browse Source
This commit is contained in:
Rokt33r
2015-07-07 15:08:57 +09:00
parent c74de88ca3
commit 9e1dcf8b64
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
browser/main/Containers/SnippetContainer.jsx
View File

@@ -5,7 +5,8 @@ var CodeViewer = require('../Components/CodeViewer')
var SnippetList = React.createClass({
propTypes: {
snippets: React.PropTypes.array,
selectSnippet: React.PropTypes.func
selectSnippet: React.PropTypes.func,
currentSnippet: React.PropTypes.object
},
itemClickHandlerFactory: function (snippet) {
return function () {
@@ -20,7 +21,7 @@ var SnippetList = React.createClass({
)
})
return (
<li key={snippet.id} onClick={this.itemClickHandlerFactory(snippet)}>
<li className={this.props.currentSnippet.id === snippet.id ? 'active' : ''} key={snippet.id} onClick={this.itemClickHandlerFactory(snippet)}>
<div className='callSign'><i className='fa fa-code'></i> {snippet.callSign}</div>
<div className='description'>{snippet.description}</div>
<div className='updatedAt'>{snippet.updatedAt}</div>