From d038d2bd55ef54f9d0b89171cbb64af8b14fd993 Mon Sep 17 00:00:00 2001
From: Justin Stephenson <jstephen@redhat.com>
Date: Wed, 7 Jul 2021 10:24:52 -0400
Subject: [PATCH] Throttle journalctl restarts

This addresses an issue with typeahead search generating a significant
load on the system, a single filter test run can make ~100 calls to
journalctl restart if not throttled.
---
 package.json       | 1 +
 src/recordings.jsx | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b99265d..bd0b65b 100644
--- a/package.json
+++ b/package.json
@@ -58,6 +58,7 @@
     "raw-loader": "^0.5.1",
     "react": "16.13.1",
     "react-dom": "16.13.1",
+    "throttle-debounce": "2.3.0",
     "xterm": "^3.14.5"
   }
 }
diff --git a/src/recordings.jsx b/src/recordings.jsx
index f93508e..9f20f93 100644
--- a/src/recordings.jsx
+++ b/src/recordings.jsx
@@ -58,6 +58,7 @@ import {
     SearchIcon
 } from "@patternfly/react-icons";
 import { global_danger_color_200 } from "@patternfly/react-tokens";
+import { debounce } from 'throttle-debounce';
 
 const $ = require("jquery");
 const cockpit = require("cockpit");
@@ -741,6 +742,11 @@ export default class View extends React.Component {
         this.setState({ recordingList: [] });
     }
 
+    throttleJournalRestart = debounce(300, () => {
+        this.clearRecordings();
+        this.journalctlRestart();
+    });
+
     handleInputChange(name, value) {
         const state = {};
         state[name] = value;
@@ -793,8 +799,7 @@ export default class View extends React.Component {
             this.state.hostname !== prevState.hostname ||
             this.state.search !== prevState.search
         ) {
-            this.clearRecordings();
-            this.journalctlRestart();
+            this.throttleJournalRestart();
         }
     }