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 ( -