diff --git a/browser/finder/FinderDetail.js b/browser/finder/FinderDetail.js index b50392fa..7d3ad12e 100644 --- a/browser/finder/FinderDetail.js +++ b/browser/finder/FinderDetail.js @@ -11,7 +11,16 @@ export default class FinderDetail extends React.Component { return (
- {activeArticle.title}
+
+ {activeArticle.title} +
+
+ +
+
{activeArticle.mode === 'markdown' ? @@ -30,5 +39,6 @@ export default class FinderDetail extends React.Component { } FinderDetail.propTypes = { - activeArticle: PropTypes.shape() + activeArticle: PropTypes.shape(), + saveToClipboard: PropTypes.func } diff --git a/browser/finder/index.html b/browser/finder/index.html index 0a058ce7..8e3928ac 100644 --- a/browser/finder/index.html +++ b/browser/finder/index.html @@ -2,7 +2,7 @@ - CodeXen Popup + Boost Finder diff --git a/browser/finder/index.js b/browser/finder/index.js index 36521d1c..ace7bae1 100644 --- a/browser/finder/index.js +++ b/browser/finder/index.js @@ -45,10 +45,7 @@ class FinderMain extends React.Component { } if (e.keyCode === 13) { - let { activeArticle } = this.props - clipboard.writeText(activeArticle.content) - activityRecord.emit('FINDER_COPY') - hideFinder() + this.saveToClipboard() e.preventDefault() } if (e.keyCode === 27) { @@ -57,6 +54,13 @@ class FinderMain extends React.Component { } } + saveToClipboard () { + let { activeArticle } = this.props + clipboard.writeText(activeArticle.content) + activityRecord.emit('FINDER_COPY') + hideFinder() + } + handleSearchChange (e) { let { dispatch } = this.props @@ -83,6 +87,7 @@ class FinderMain extends React.Component { render () { let { articles, activeArticle, status, dispatch } = this.props + let saveToClipboard = () => this.saveToClipboard() return (
this.handleClick(e)} onKeyDown={e => this.handleKeyDown(e)} className='Finder'> this.selectArticle(article)} /> - +
) } diff --git a/browser/styles/finder/index.styl b/browser/styles/finder/index.styl index ca2a9111..d91383c5 100644 --- a/browser/styles/finder/index.styl +++ b/browser/styles/finder/index.styl @@ -79,6 +79,31 @@ body white-space nowrap text-overflow ellipsis overflow-x hidden + clearfix() + .left + float left + .right + float right + button + border-radius 16.5px + cursor pointer + height 33px + width 33px + border none + margin-right 5px + font-size 18px + color inactiveTextColor + background-color transparent + padding 0 + .tooltip + tooltip() + &.clipboardBtn .tooltip + margin-left -160px + margin-top 25px + &:hover + color textColor + .tooltip + opacity 1 .content position absolute top 55px