From f2398324358996454de55329fa95438f92016ab4 Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Thu, 26 Oct 2023 01:40:18 -0700
Subject: [PATCH] clicking anywhere on the cmdinput will give focus.  also fix
 the click handler for exec to only be on the icon

---
 src/app/workspace/cmdinput/cmdinput.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/app/workspace/cmdinput/cmdinput.tsx b/src/app/workspace/cmdinput/cmdinput.tsx
index a55f5470..9149e74d 100644
--- a/src/app/workspace/cmdinput/cmdinput.tsx
+++ b/src/app/workspace/cmdinput/cmdinput.tsx
@@ -67,6 +67,11 @@ class CmdInput extends React.Component<{}, {}> {
         GlobalModel.inputModel.giveFocus();
     }
 
+    @boundMethod
+    cmdInputClick(): void {
+        GlobalModel.inputModel.giveFocus();
+    }
+
     @boundMethod
     clickHistoryHint(e: any): void {
         e.preventDefault();
@@ -109,7 +114,11 @@ class CmdInput extends React.Component<{}, {}> {
         let inputMode: string = inputModel.inputMode.get();
         let textAreaInputKey = screen == null ? "null" : screen.screenId;
         return (
-            <div ref={this.cmdInputRef} className={cn("cmd-input", { "has-info": infoShow }, { active: focusVal })}>
+            <div
+                ref={this.cmdInputRef}
+                className={cn("cmd-input", { "has-info": infoShow }, { active: focusVal })}
+                onClick={this.cmdInputClick}
+            >
                 <div key="minmax" onClick={this.onInfoToggle} className="input-minmax-control">
                     <If condition={infoShow || historyShow}>
                         <i className="fa-sharp fa-solid fa-chevron-down" />
@@ -156,10 +165,10 @@ class CmdInput extends React.Component<{}, {}> {
                         </div>
                     </If>
                     <TextAreaInput key={textAreaInputKey} onHeightChange={this.handleInnerHeightUpdate} />
-                    <div className="control cmd-exec" onClick={inputModel.uiSubmitCommand}>
+                    <div className="control cmd-exec">
                         {/**<div onClick={inputModel.toggleExpandInput} className="hint-item color-white">
                             {inputModel.inputExpanded.get() ? "shrink" : "expand"} input ({renderCmdText("E")})
-                        </div>**/}
+                            </div>**/}
                         {!focusVal && (
                             <div onClick={this.clickFocusInputHint} className="cmd-btn hoverEffect">
                                 focus input ({renderCmdText("I")})
@@ -171,6 +180,7 @@ class CmdInput extends React.Component<{}, {}> {
                             </div>
                         )}
                         <ExecIcon
+                            onClick={inputModel.uiSubmitCommand}
                             className={`icon ${inputModel.getCurLine().trim() === "" ? "disabled" : "hoverEffect"}`}
                         />
                     </div>