From e4ca0482b8a8f097930f858e81b9b8a902f21cdf Mon Sep 17 00:00:00 2001
From: DD <liudi08@gmail.com>
Date: Thu, 25 Jan 2018 18:32:43 -0500
Subject: [PATCH] Don't enable if there is nothing in the editor

---
 src/components/mode-tools/mode-tools.jsx | 3 +++
 src/containers/mode-tools.jsx            | 8 +++++++-
 src/helper/selection.js                  | 1 +
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/mode-tools/mode-tools.jsx b/src/components/mode-tools/mode-tools.jsx
index e2b9b3ec..2cde3d3c 100644
--- a/src/components/mode-tools/mode-tools.jsx
+++ b/src/components/mode-tools/mode-tools.jsx
@@ -151,11 +151,13 @@ const ModeToolsComponent = props => {
                 </InputGroup>
                 <InputGroup className={classNames(styles.modLabeledIconHeight)}>
                     <LabeledIconButton
+                        disabled={!props.hasItems}
                         imgSrc={flipHorizontalIcon}
                         title={props.intl.formatMessage(messages.flipHorizontal)}
                         onClick={props.onFlipHorizontal}
                     />
                     <LabeledIconButton
+                        disabled={!props.hasItems}
                         imgSrc={flipVerticalIcon}
                         title={props.intl.formatMessage(messages.flipVertical)}
                         onClick={props.onFlipVertical}
@@ -176,6 +178,7 @@ ModeToolsComponent.propTypes = {
     className: PropTypes.string,
     clipboardItems: PropTypes.arrayOf(PropTypes.array),
     eraserValue: PropTypes.number,
+    hasItems: PropTypes.bool,
     hasSelectedUncurvedPoints: PropTypes.bool,
     hasSelectedUnpointedPoints: PropTypes.bool,
     intl: intlShape.isRequired,
diff --git a/src/containers/mode-tools.jsx b/src/containers/mode-tools.jsx
index 1f2530d0..86e09723 100644
--- a/src/containers/mode-tools.jsx
+++ b/src/containers/mode-tools.jsx
@@ -7,7 +7,8 @@ import bindAll from 'lodash.bindall';
 import ModeToolsComponent from '../components/mode-tools/mode-tools.jsx';
 import {clearSelectedItems, setSelectedItems} from '../reducers/selected-items';
 import {incrementPasteOffset, setClipboardItems} from '../reducers/clipboard';
-import {clearSelection, getSelectedLeafItems, getSelectedRootItems, getAllRootItems} from '../helper/selection';
+import {clearSelection, getSelectedLeafItems, getSelectedRootItems} from '../helper/selection';
+import {getAllRootItems, getAllSelectableRootItems} from '../helper/selection';
 import {HANDLE_RATIO, ensureClockwise} from '../helper/math';
 
 class ModeTools extends React.Component {
@@ -16,6 +17,7 @@ class ModeTools extends React.Component {
         bindAll(this, [
             '_getSelectedUncurvedPoints',
             '_getSelectedUnpointedPoints',
+            'hasItems',
             'hasSelectedUncurvedPoints',
             'hasSelectedUnpointedPoints',
             'handleCopyToClipboard',
@@ -68,6 +70,9 @@ class ModeTools extends React.Component {
         const points = this._getSelectedUnpointedPoints();
         return points.length > 0;
     }
+    hasItems () {
+        return getAllSelectableRootItems().length > 0;
+    }
     handleCurvePoints () {
         let changed;
         const points = this._getSelectedUncurvedPoints();
@@ -203,6 +208,7 @@ class ModeTools extends React.Component {
     render () {
         return (
             <ModeToolsComponent
+                hasItems={this.hasItems()}
                 hasSelectedUncurvedPoints={this.hasSelectedUncurvedPoints()}
                 hasSelectedUnpointedPoints={this.hasSelectedUnpointedPoints()}
                 onCopyToClipboard={this.handleCopyToClipboard}
diff --git a/src/helper/selection.js b/src/helper/selection.js
index fb157375..4dfa8006 100644
--- a/src/helper/selection.js
+++ b/src/helper/selection.js
@@ -400,6 +400,7 @@ const shouldShowSelectAll = function () {
 export {
     getItems,
     getAllRootItems,
+    getAllSelectableRootItems,
     selectAllItems,
     selectAllSegments,
     clearSelection,