From 6056e2d063f6ee7c901842d32f3a5310dfe77328 Mon Sep 17 00:00:00 2001
From: "Scott E. Graves" <scott.e.graves@gmail.com>
Date: Wed, 5 Jun 2019 17:49:46 -0500
Subject: [PATCH] Disable configure while mounting/unmounting

---
 src/components/MountItem/MountItem.js | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/MountItem/MountItem.js b/src/components/MountItem/MountItem.js
index 2ca3c3c..317d783 100644
--- a/src/components/MountItem/MountItem.js
+++ b/src/components/MountItem/MountItem.js
@@ -19,14 +19,15 @@ export default connect(mapStateToProps)(props => {
   let configButton = null;
   let secondRow = 6;
   if (props.allowConfig) {
+    const pointer = {cursor: props.allowMount ? 'pointer' : 'no-drop'};
     configButton = (
       <RootElem colSpan={4}
                 rowSpan={6}>
         <img alt=''
              height={'16px'}
-             onClick={props.disabled ? (e)=>{e.preventDefault();} : props.configClicked}
+             onClick={props.allowMount ? props.configClicked : (e)=>{e.preventDefault();}}
              src={configureImage}
-             style={{padding: 0, border: 0, margin: 0, cursor: 'pointer'}}
+             style={{padding: 0, border: 0, margin: 0, ...pointer}}
              width={'16px'}/>
       </RootElem>
     );
@@ -38,7 +39,7 @@ export default connect(mapStateToProps)(props => {
     inputColumnSpan = 20;
     inputControls = <DropDown changed={props.changed}
                               colSpan={inputColumnSpan}
-                              disabled={!props.allowMount || props.mounted || props.disabled}
+                              disabled={!props.allowMount || props.mounted}
                               items={props.items}
                               row={secondRow}
                               rowSpan={7}
@@ -53,7 +54,7 @@ export default connect(mapStateToProps)(props => {
                 key={'i' + key++}
                 row={secondRow}
                 rowSpan={7}>
-        <input disabled={!props.allowMount || props.mounted || props.disabled}
+        <input disabled={!props.allowMount || props.mounted}
                maxLength={4096}
                onChange={props.changed}
                size={4096}
@@ -66,14 +67,14 @@ export default connect(mapStateToProps)(props => {
       <Button clicked={()=>props.browseClicked(props.title, props.location)}
               col={inputColumnSpan - 7}
               colSpan={7}
-              disabled={props.mounted || props.disabled || !props.allowMount}
+              disabled={props.mounted || !props.allowMount}
               key={'b' + key++}
               row={secondRow}
               rowSpan={7}>...</Button>
     ));
   }
 
-  const buttonDisplay = props.allowMount || props.disabled ?
+  const buttonDisplay = props.allowMount ?
     (props.mounted ? 'Unmount' : 'Mount') :
     <Loader color={'var(--heading_text_color)'}
             height='19px'
@@ -84,7 +85,7 @@ export default connect(mapStateToProps)(props => {
     <Button clicked={()=>props.clicked(props.title, !props.mounted, props.location)}
             col={inputColumnSpan + 2}
             colSpan={21}
-            disabled={!props.allowMount || props.disabled}
+            disabled={!props.allowMount}
             row={secondRow}
             rowSpan={7}>
       {buttonDisplay}
@@ -96,7 +97,6 @@ export default connect(mapStateToProps)(props => {
               row={secondRow}
               rowSpan={7}>
       <input checked={props.autoMount}
-             disabled={props.disabled}
              onChange={props.autoMountChanged}
              type='checkbox'/>Auto-mount
     </RootElem>
@@ -108,7 +108,6 @@ export default connect(mapStateToProps)(props => {
               row={secondRow}
               rowSpan={7}>
       <input checked={props.autoRestart}
-             disabled={props.disabled}
              onChange={props.autoRestartChanged}
              type='checkbox'/>Restart
     </RootElem>