feat(frontend): check for updates periodically

1 files changed, 39 insertions, 0 deletions

diff --git a/subprojects/frontend/src/utils/useDelayedSnackbar.ts b/subprojects/frontend/src/utils/useDelayedSnackbar.ts
new file mode 100644
index 00000000..03ad6caa
--- /dev/null
+++ b/subprojects/frontend/src/utils/useDelayedSnackbar.ts
@@ -0,0 +1,39 @@
+import {
+  useSnackbar,
+  type SnackbarKey,
+  type SnackbarMessage,
+  type OptionsObject,
+} from 'notistack';
+import { useCallback } from 'react';
+
+export default function useDelayedSnackbar(
+  defaultDelay = 0,
+): (
+  message: SnackbarMessage,
+  options?: OptionsObject | undefined,
+  delay?: number | undefined,
+) => () => void {
+  const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+  return useCallback(
+    (
+      message: SnackbarMessage,
+      options?: OptionsObject | undefined,
+      delay = defaultDelay,
+    ) => {
+      let key: SnackbarKey | undefined;
+      let timeout: number | undefined = setTimeout(() => {
+        timeout = undefined;
+        key = enqueueSnackbar(message, options);
+      }, delay);
+      return () => {
+        if (timeout !== undefined) {
+          clearTimeout(timeout);
+        }
+        if (key !== undefined) {
+          closeSnackbar(key);
+        }
+      };
+    },
+    [defaultDelay, enqueueSnackbar, closeSnackbar],
+  );
+}