diff --git a/browser/SnippetTab.js b/browser/SnippetTab.js deleted file mode 100644 index 2b4f3ad6..00000000 --- a/browser/SnippetTab.js +++ /dev/null @@ -1,131 +0,0 @@ -import React from 'react' -import CSSModules from 'browser/lib/CSSModules' -import styles from './SnippetTab.styl' -import context from 'browser/lib/context' - -class SnippetTab extends React.Component { - constructor (props) { - super(props) - - this.state = { - isRenaming: false, - name: props.snippet.name - } - } - - componentWillUpdate (nextProps) { - if (nextProps.snippet.name !== this.props.snippet.name) { - this.setState({ - name: nextProps.snippet.name - }) - } - } - - handleClick (e) { - this.props.onClick(e) - } - - handleContextMenu (e) { - context.popup([ - { - label: 'Rename', - click: (e) => this.handleRenameClick(e) - } - ]) - } - - handleRenameClick (e) { - this.startRenaming() - } - - handleNameInputBlur (e) { - this.handleRename() - } - - handleNameInputChange (e) { - this.setState({ - name: e.target.value - }) - } - - handleNameInputKeyDown (e) { - switch (e.keyCode) { - case 13: - this.handleRename() - break - case 27: - this.setState({ - name: this.props.snippet.name, - isRenaming: false - }) - break - } - } - - handleRename () { - this.setState({ - isRenaming: false - }, () => { - if (this.props.snippet.name !== this.state.name) { - this.props.onRename(this.state.name) - } - }) - } - - handleDeleteButtonClick (e) { - this.props.onDelete(e) - } - - startRenaming () { - this.setState({ - isRenaming: true - }, () => { - this.refs.name.focus() - this.refs.name.select() - }) - } - - render () { - let { isActive, snippet, isDeletable } = this.props - return ( -
- {!this.state.isRenaming - ? - : this.handleNameInputChange(e)} - onBlur={(e) => this.handleNameInputBlur(e)} - onKeyDown={(e) => this.handleNameInputKeyDown(e)} - /> - } - {isDeletable && - - } -
- ) - } -} - -SnippetTab.propTypes = { -} - -export default CSSModules(SnippetTab, styles) diff --git a/browser/main/Detail/SnippetNoteDetail.js b/browser/main/Detail/SnippetNoteDetail.js index e5d1908e..7ef1c832 100644 --- a/browser/main/Detail/SnippetNoteDetail.js +++ b/browser/main/Detail/SnippetNoteDetail.js @@ -552,10 +552,10 @@ class SnippetNoteDetail extends React.Component { - - + + - +