Fixed filter-search result retention bug

aosasona · Feb 25, 2023 · dc2fea2 · dc2fea2
1 parent 1e39bb0
commit dc2fea2
Show file tree

Hide file tree

Showing 2 changed files with 252 additions and 245 deletions.
diff --git a/ui/src/components/Display.tsx b/ui/src/components/Display.tsx
@@ -1,4 +1,4 @@
-import { Fragment, useState } from "react";
+import { Fragment, useEffect, useState } from "react";
 import type { Process } from "../lib/types";
 import { BsFilter } from "react-icons/bs/index";
 import Loading from "./Loading";
@@ -16,6 +16,13 @@ export default function Display({ loading, processes, PIDs, setPIDs }: Props) {
   );
   const [filterQuery, setFilterQuery] = useState("");
 
+  useEffect(() => {
+    if (processes != null) {
+      setFilteredProcesses(null);
+      setFilterQuery("");
+    }
+  }, [processes]);
+
   const toggleRowSelect = (pid: number) => {
     if (PIDs.includes(pid)) {
       const newPIDS = PIDs.filter((p) => p != pid);