From b2836eb57a82bcfa9fdca69517e1b3330ad1987c Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 6 Jul 2021 04:01:11 -0400
Subject: [PATCH] Don't clear searchValue on CommandDialog onBlur (#3172)

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 .../command-palette/command-dialog.tsx        | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/command-palette/command-dialog.tsx b/src/renderer/components/command-palette/command-dialog.tsx
index 7fc5c56dcf..493d9bea70 100644
--- a/src/renderer/components/command-palette/command-dialog.tsx
+++ b/src/renderer/components/command-palette/command-dialog.tsx
@@ -35,16 +35,17 @@ import { clusterViewURL } from "../../../common/routes";
 @observer
 export class CommandDialog extends React.Component {
   @observable menuIsOpen = true;
+  @observable searchValue: any = undefined;
 
   constructor(props: {}) {
     super(props);
     makeObservable(this);
   }
-  
+
   @computed get activeEntity(): CatalogEntity | undefined {
     return catalogEntityRegistry.activeEntity;
   }
-  
+
   @computed get options() {
     const registry = CommandRegistry.getInstance();
 
@@ -104,14 +105,24 @@ export class CommandDialog extends React.Component {
     return (
       <Select
         menuPortalTarget={null}
-        onChange={(v) => this.onChange(v.value)}
-        components={{ DropdownIndicator: null, IndicatorSeparator: null }}
+        onChange={v => this.onChange(v.value)}
+        components={{
+          DropdownIndicator: null,
+          IndicatorSeparator: null,
+        }}
         menuIsOpen={this.menuIsOpen}
         options={this.options}
         autoFocus={true}
         escapeClearsValue={false}
         data-test-id="command-palette-search"
-        placeholder="Type a command or search&hellip;" />
+        placeholder="Type a command or search&hellip;"
+        onInputChange={(newValue, { action }) => {
+          if (action === "input-change") {
+            this.searchValue = newValue;
+          }
+        }}
+        inputValue={this.searchValue}
+      />
     );
   }
 }