diff --git a/src/renderer/components/dock/pod-log-search.tsx b/src/renderer/components/dock/pod-log-search.tsx
index 2271e2e8f4..3f39db7cb4 100644
--- a/src/renderer/components/dock/pod-log-search.tsx
+++ b/src/renderer/components/dock/pod-log-search.tsx
@@ -1,6 +1,6 @@
import "./pod-log-search.scss";
-import React from "react";
+import React, { useEffect } from "react";
import { observer } from "mobx-react";
import { SearchInput } from "../input";
import { searchStore } from "./search.store";
@@ -40,6 +40,11 @@ export const PodLogSearch = observer((props: PodLogSearchProps) => {
toNextOverlay();
}
+ useEffect(() => {
+ // Refresh search when logs changed
+ searchStore.onSearch(logs);
+ }, [logs]);
+
return (
{
reaction(() => this.logs.get(dockStore.selectedTabId), () => {
this.setNewLogSince(dockStore.selectedTabId);
- // Refresh search when logs changed
- searchStore.onSearch(this.logs.get(dockStore.selectedTabId));
})
reaction(() => dockStore.selectedTabId, () => {
diff --git a/src/renderer/components/dock/search.store.ts b/src/renderer/components/dock/search.store.ts
index f891bdad9e..ec0610b25f 100644
--- a/src/renderer/components/dock/search.store.ts
+++ b/src/renderer/components/dock/search.store.ts
@@ -18,7 +18,7 @@ export class SearchStore {
this.reset();
return;
}
- this.occurrences = this.findOccurencies(text, query);
+ this.occurrences = this.findOccurences(text, query);
if (!this.occurrences.length) return;
// If new highlighted keyword in exact same place as previous one, then no changing in active overlay
@@ -33,7 +33,7 @@ export class SearchStore {
* @param query Search query from input
* @returns {Array} Array of line indexes [0, 0, 14, 17, 17, 17, 20...]
*/
- findOccurencies(text: string[], query: string) {
+ findOccurences(text: string[], query: string) {
if (!text) return [];
const occurences: number[] = [];
text.forEach((line, index) => {