From 1254c04f6e36f70a1b30f8bc96529e5299153e3e Mon Sep 17 00:00:00 2001
From: ckitsanelis <ckitsanelis@gmail.com>
Date: Thu, 19 Oct 2023 10:42:17 +0200
Subject: [PATCH] Clean up Search

---
 src/viewer/App.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/viewer/App.tsx b/src/viewer/App.tsx
index 0ad36b4..c4d6334 100644
--- a/src/viewer/App.tsx
+++ b/src/viewer/App.tsx
@@ -165,7 +165,6 @@ export default class App extends React.Component<Props, State> {
 		if (searchText === "")
 			this.clearSearch();
 		else {
-			console.log(this.state)
 			const rules = this.state.rules;
 			const logFile = this.state.logFile;
 			const logFileText = this.state.logFileAsString;
@@ -193,12 +192,11 @@ export default class App extends React.Component<Props, State> {
 				rowProperties: newRowsProps,
 			});
 		}
-		this.sea
 	}
 
 	searchCommand() {
 		clearTimeout(searchTimeoutId);
-    	searchTimeoutId = setTimeout(this.filterLog, 1000);
+		searchTimeoutId = setTimeout(this.filterLog, 1000);
 	}
 
 	handleAnnotationDialog(newRules: Rule[], isClose: boolean) {
@@ -427,7 +425,7 @@ export default class App extends React.Component<Props, State> {
 	}
 
 	clearSegmentation() {
-		this.setState({ collapsibleRows : {} });
+		this.setState({ collapsibleRows: {} });
 	}
 
 	switchBooleanState(name: string) {
@@ -482,6 +480,7 @@ export default class App extends React.Component<Props, State> {
 					</div>
 					<div style={{ flex: 1, display: "flex", justifyContent: "end" }}>
 						<VSCodeDropdown
+							key="searchDropdown"
 							style={{ marginRight: "5px" }}
 							onChange={(e) => (searchColumn = e.target.value)}
 						>
@@ -492,11 +491,12 @@ export default class App extends React.Component<Props, State> {
 							))}
 						</VSCodeDropdown>
 						<VSCodeTextField
+							key="searchTextField"
 							style={{ marginRight: "5px" }}
 							placeholder="Search Text"
 							value={searchText}
-							onInput={(e) => (searchText = e.target.value)}
-							onKeyUp={(e) => this.searchCommand()}
+							onInput={(e) => {searchText = e.target.value; this.searchCommand();}}
+							autofocus
 						>
 							<Tooltip title={<h3>Match Case</h3>} placement="bottom" arrow>
 								<span