From 684f6f13c333c51c03a627773e77f10ed1eb20aa Mon Sep 17 00:00:00 2001
From: IhorStorozhok <storozhokigor@gmail.com>
Date: Fri, 5 Apr 2024 14:36:18 +0300
Subject: [PATCH] some previous changes

---
 .../Logs/LogsViewHeder/LogsViewHeder.svelte    | 18 +++++++++++++++++-
 .../frontend/src/Views/Logs/NewLogsV2.svelte   |  8 ++------
 .../frontend/src/Views/Logs/functions.js       | 11 +++++++++++
 .../frontend/src/Views/Main/Main.svelte        |  2 ++
 4 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/application/frontend/src/Views/Logs/LogsViewHeder/LogsViewHeder.svelte b/application/frontend/src/Views/Logs/LogsViewHeder/LogsViewHeder.svelte
index 96b2bce..b4fa3af 100644
--- a/application/frontend/src/Views/Logs/LogsViewHeder/LogsViewHeder.svelte
+++ b/application/frontend/src/Views/Logs/LogsViewHeder/LogsViewHeder.svelte
@@ -1,10 +1,20 @@
 <script>
+  // @ts-nocheck
+
   export let searchText = "";
   import Button from "../../../lib/Button/Button.svelte";
   import DropDown from "../../../lib/DropDown/DropDown.svelte";
   import { clickOutside } from "../../../lib/OutsideClicker/OutsideClicker.js";
   let dropDownIsVisible = false;
   let isSearchVIsible = false;
+  let timer;
+  const debounce = (v) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      searchText = v;
+    }, 750);
+  };
+
   function dropDownToggle() {
     dropDownIsVisible = !dropDownIsVisible;
   }
@@ -65,6 +75,12 @@
     {#if !searchText}<div class="searchIcoContainer">
         <i class={"log log-Search"} />
       </div>{/if}
-    <input type="text" bind:value={searchText} placeholder="Search" />
+    <input
+      type="text"
+      on:input={(e) => {
+        searchText = e.target.value;
+      }}
+      placeholder="Search"
+    />
   </div>
 </div>
diff --git a/application/frontend/src/Views/Logs/NewLogsV2.svelte b/application/frontend/src/Views/Logs/NewLogsV2.svelte
index 6292d7e..0ce7b54 100644
--- a/application/frontend/src/Views/Logs/NewLogsV2.svelte
+++ b/application/frontend/src/Views/Logs/NewLogsV2.svelte
@@ -347,11 +347,7 @@
                 },
               });
               toastIsVisible.set(true);
-              toastTimeoutId.set(
-                setTimeout(() => {
-                  toastIsVisible.set(false);
-                }, 10000)
-              );
+              
             }
           }
 
@@ -678,7 +674,7 @@
   }
 
   $: {
-    if (allLogs) {
+    if ([...allLogs]) {
       highlightSearchText();
     }
   }
diff --git a/application/frontend/src/Views/Logs/functions.js b/application/frontend/src/Views/Logs/functions.js
index 6ff186c..7f2c880 100644
--- a/application/frontend/src/Views/Logs/functions.js
+++ b/application/frontend/src/Views/Logs/functions.js
@@ -205,3 +205,14 @@ export const findSearchTextInLogs = (sel, searchText, caseSens) => {
     });
   });
 };
+
+export function debounce(callback, delay) {
+  let timeoutId;
+
+  return function (...args) {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => {
+      callback.apply(this, args);
+    }, delay);
+  };
+}
diff --git a/application/frontend/src/Views/Main/Main.svelte b/application/frontend/src/Views/Main/Main.svelte
index bbaaa71..dd9565e 100644
--- a/application/frontend/src/Views/Main/Main.svelte
+++ b/application/frontend/src/Views/Main/Main.svelte
@@ -42,6 +42,7 @@
   import MainChartMenu from "../../lib/ChartMenu/MainChartMenu.svelte";
   import SettingsController from "./SettingsController.svelte";
   import StreamInfo from "../../lib/StreamInfo/StreamInfo.svelte";
+  import { findSearchTextInLogs } from "../../Views/Logs/functions";
 
   let api = new fetchApi();
   let hostList = [];
@@ -55,6 +56,7 @@
   let withoutRightPanel = false;
 
   function handleClick({ target }) {
+    findSearchTextInLogs();
     if (!target.classList.contains("buttonToBottom")) {
       lastLogTimestamp.set(new Date().getTime());
     }