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) => {