UI: refresh plugins interval

monkey/monkey_island/cc/ui/src/components/contexts/plugins/PluginsContext.tsx

@@ -1,6 +1,7 @@
 import React, {createContext, useEffect, useState} from 'react';
 import semver from 'semver';
 import islandHttpClient, {APIEndpoint} from '../../IslandHttpClient';
+import {useInterval} from '../../ui-components/utils/useInterval';
 
 
 // Types returned from the API
@@ -85,15 +86,22 @@ export const PluginState = () :PluginsContextType => {
   const [installedPlugins, setInstalledPlugins] = useState([]);
   const [numberOfPluginsThatRequiresUpdate, setNumberOfPluginsThatRequiresUpdate] = useState(0);
 
+  useInterval(() => {
+    refreshAvailablePluginsAndNumberOfUpgradablePlugins(true);
+  }, 1000 * 60 * 60)
 
   useEffect(() => {
     refreshInstalledPlugins();
   }, []);
 
   useEffect(() => {
-    refreshAvailablePlugins().then(() => refreshNumberOfUpgradablePlugins());
+    refreshAvailablePluginsAndNumberOfUpgradablePlugins();
   }, [installedPlugins]);
 
+  const refreshAvailablePluginsAndNumberOfUpgradablePlugins = (forceRefresh = false) => {
+     refreshAvailablePlugins(forceRefresh).then(() => refreshNumberOfUpgradablePlugins());
+  }
+
   const parsePluginMetadataResponse = (response: PluginMetadataResponse) :AvailablePlugin[] => {
    let plugins :AvailablePlugin[] = [];
     for (const pluginType in response) {

monkey/monkey_island/cc/ui/src/components/ui-components/utils/useInterval.tsx

@@ -0,0 +1,23 @@
+import {useEffect, useRef} from 'react'
+
+export const useInterval = (callback: () => void, delay: number | null) => {
+  const savedCallback = useRef(callback);
+
+  // Remember the latest callback if it changes
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback])
+
+  // Set up the interval
+  useEffect(() => {
+    // Don't schedule if no delay is specified
+    // Note: 0 is a valid value for delay
+    if (!delay && delay !== 0) {
+      return;
+    }
+
+    const id = setInterval(() => savedCallback.current(), delay);
+
+    return () => clearInterval(id);
+  }, [delay])
+}